@charset "utf-8";
#rt-header .rt-block {overflow:hidden; height:200px; margin:0; padding:0;}
#rt-mainbody-surround #rt-maintop{padding:0;}
.rt-container{background:#FFF;}
.rt-grid-9 .rt-block {padding-right:0; margin-right:30px;}
#rt-sidebar-a .rt-block {margin-left:0px;}

div.module_myclass ul.sdt_menu ul.sdt_box li > a{
	position: relative;
	width: 180px;
	height: ;
	line-height: 15px;
	z-index: 12;
	background: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.module_myclass ul.sdt_menu li ul.sdt_box{display:block;position:absolute;width:180px;overflow:hidden;height:150px;top:86px;left:0px;display:none;margin:0;}
div.module_myclass ul.sdt_menu li span.sdt_active{	position:absolute;top:86px;	width:160px;height:0px;	left:0px;z-index:14;}
div.module_myclass ul.sdt_menu li ul.sdt_box li{margin:5px auto;}
.edit_section {
	margin-top:50px;
	color:#309;
}
div.profile_info{
	float:left;
	margin-right:20px;
}
div.profile_pos{
	width:200px;
	height:200px;
	position:relative;
	background-image:url(../images/img_bg.jpg);
}
	
#img_pos {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
}
.clear{
	clear:both;
}
.myclass table td#loanamt{
	line-height:12px;
	padding:2px 0;
	margin:0;
}
.mygal .mygal_img{
	float:left;
	margin:5px 5px 0 0;
}
input.erase {
	color:#999;
}
#cb_107, #cb_108 {
	width:100px;
}
table.mypropertytab td.pro_td {
	font-size: 24px;
	color: #006;
	font-weight: bold;
}
div.rt-block ul.menu_myprofile{
	padding-top:0;
	margin-top:0;
}
#rt-sidebar-a .rt-block {
	padding:0;
	margin:0 15px; 0 0;
}
div.rt-block #login-form{
	padding:20px 0 0 0;
	margin:0;
}
div.rt-block #login-form input.button{
	margin-left:0px;
}
#login-form #form-login-remember input {
margin: 6px 3px;
}
#login-form p#form-login-remember{
margin: 0 0 5px 0;
}
div.rt-block .item-210{
	margin-left:20px;
}
#display_ref{
	color:#F60;
	margin-bottom:0;
	vertical-align:bottom;
}
#formmessage {
	resize:none;
	color:#009
}
input#formtype, input#formdisplayref {
	border:none;
	outline:none;
	background-image:none;
	background-color:#6CF;
	font-weight:bold;
}
textarea { resize: none; }
#job_create td.key {
	width:100px;
}
input#cb_173 {
	width:500px;
}
select#cb_195, select#cb_197, select#cb_198, select#cb_200, select#cb_201, select#cb_203, select#cb_204, select#cb_206, select#cb_207, select#cb_183, select#cb_182, select#cb_302, select#cb_303, select#cb_305, select#cb_306, select#cb_312, select#cb_308, select#cb_310, select#cb_311, input#cb_264, input#cb_346, input#cb_347, input#cb_349 {
	width:100px;
}
select#cb_240, select#cb_241 {
	width:130px;
}
select#cb_221 {
	width:250px;
}
select#cb_171, select#cb_287, select#cb_318 {
	width:300px;
}
select#cb_263 {
	width:150px;
}
input#cb_194 {
	width:50px;
}
select#cb_242, input#cb_298, input#cb_319, input#cb_175, input#cb_219, select#cb_317, select#cb_316, input#cb_344, input#cb_345, select#cb_348 {
	width:80px;
}
.left {
	float:left;
}
#tdjc {
	width:200px;
}

#nd1_1_1, #nd1_1_3, #nd1_1_5, #nd1_1_7, #nd1_2_1, #nd1_2_3, #nd1_2_4, #nd1_2_6, #nd1_3_1, #nd1_3_2, #nd1_3_3, #nd1_3_5, #nd1_4_1, #nd1_5_1, #nd1_5_3, #nd1_6_1, #nd1_7_1, #nd1_7_3 {
	width:120px;
	margin-right:10px;
}

#nd1_3, #nd1_4, #nd1_7_2 {
	margin-right:50px;
}
.alltype {
	display:none;
}
#nd1_2_9, #nd1_2_8, #colour {
	margin-left:10px;100
}
.input_xwidth{
	width:120px;
}
.input_xxwidth{
	width:150px;
}
.input_width{
	width:100px;
}
.input_swidth{
	width:90px;
}
.input_sswidth{
	width:30px;
}
.inv_field_lgth {
	margin-right:10px;
}
table#table_detail th, table#table_detail td, table#tab_invoice_detail th, table#tab_invoice_detail td, table#table_price th, table#table_price td, table#table_detail tr.last_row td#job_amount, table#tab_invoice_detail tr.last_row td#job_amount, table#sales_table th,  table#sales_table td, table#term_table td, table#term_table th{
	border:1px solid;
	padding:5px;
}
table#table_detail tr.last_row td, table#tab_invoice_detail tr.last_row td, table#sales_table tr.last_row td, table#sales_table tr.last_row th{
	border:none;
}
table#table_price td {
	text-align:center;
}
.padbot {
	padding-bottom:20px;
}
.spadbot {
	padding-bottom:10px;
}
.label_to_input {
	margin-right:10px;
}
.input_blk {
	margin-right:50px;
}
table#table_detail {
	margin-left:0px;
}
.valsty {
	background-color:#006;
	color:#FFF;
	padding:0 5px 0 5px;
	 -webkit-border-radius: 5px;
           border-radius: 5px;
}
.svalsty {
	background-color:#8C0015;
	color:#FFF;
	padding:0 5px 0 5px;
	 -webkit-border-radius: 5px;
           border-radius: 5px;
}
.r_valsty {
	background-color:#006;
	color:#FFF;
	padding:0 5px 0 5px;
	 -webkit-border-radius: 5px 0 0 5px;
           border-radius: 5px 0 0 5px;
}
.l_valsty {
	background-color: #006;
	color: #FFF;
	padding: 0 5px 0 5px;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.tabcontent {
	margin-top:20px;
}
.delivered {
	background-color: #E1E633;
	color: #FFF;
	padding: 0 5px 0 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.quotation_sub {
	background-color: #D0E732;
	color: #FFF;
	padding: 0 5px 0 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.invoiced {
	background-color: #0F0;
	color: #000;
	padding: 0 5px 0 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.nn_tabs.outline_content>.tab-content .jobinfor {
background-image:url(../images/jobinfor_img.png);
background-size: 100%;
background-repeat:no-repeat;
background-position:top;
color:#000
}
.nn_tabs.outline_content>.tab-content .jobdetail {
background-image:url(../images/jobdetail_img.png);
background-size: 100%;
background-repeat:no-repeat;
background-position:top;
color:#000
}
.nn_tabs.outline_content>.tab-content .jobfilm {
background-image:url(../images/jobfilm_img.png);
background-repeat:no-repeat;
background-position:top;
color:#000
}
.nn_tabs.outline_content>.tab-content .jobinvoice {
background-image:url(../images/jobinvoice_img.png);
background-size: 100%;
background-repeat:no-repeat;
background-position:top;
color:#000
}
.nn_tabs.outline_content>.tab-content .jobartwork {
background-image:url(../images/_img.png);
background-repeat:no-repeat;
background-position:top;
color:#000
}
div.myrimage {
	z-index:-999;
}
div.mylogin {
	z-index:999;
}
#tab_invoice_detail th, #table_price th, #table_detail th, table#sales_table tr.first_row th, table#term_table tr.first_row th {
	background-color:#FC0;
	color:#000;
}
tfoot select#limit {
	max-width:150px;
}
div.rt-block_myrie .random_image_extended_myrie {
	margin:0;
}
ul.actions {
	clear:both;
}
p {
	clear:both;
}
#button_inside {
	padding-top:25px;
}
.rt-container .rt-prefix-2 {
	padding-left:0;
}
#rt-top .rt-container .rt-block {
	padding:0;
}
#quo_name {
	color:blue;
	font-size:large;
	font-weight:bold;
}
#tab_invoice_detail tr.alt_color:nth-child(odd), #sales_table tr.alt_color:nth-child(odd), #table_price tr.alt_color:nth-child(odd) {
    background-color:rgba(192,192,192,0.4);
	color:#000;
}
#job_amount, .amt_sum {
	background-color: rgba(153,255,153,0.8);
	color: blue;
	font-weight:bold;
}
.ui-datepicker { font-size: 12px; 
}
div#ui-datepicker-div[style] {
   z-index: 999 !important;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://www.mynewdot.com/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.jobcomment {
	width: 80%;
	min-height: 100px;
	border:solid;
	border-width:thin;
}
 /*@keyframes blink {  
    0% { color: red; }
    100% { color: blue; }
}
@-webkit-keyframes blink {
    0% { color: red; }
    100% { color: blue; }
}
.blink {
    -webkit-animation: blink 3.0s linear infinite;
    -moz-animation: blink 3.0s linear infinite;
    animation: blink 3.0s linear infinite;
} */
.blink {
    animation: blink 1s steps(5, start) infinite;
	-webkit-animation: blink 1s steps(5, start) infinite;
    -moz-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}
#comment_display {
	border:solid;
	border-color:#F00;
	border-style:groove;
	border-width:thin;
	padding:2px 5px 5px 5px;
}
#comment_divider {
	margin:10px 0 10px 0;
	width: 90%;
	height: 2px;
	background-color:#009;
}
.pg_navigator {
	margin:0 10px 0 0;
}
#pg_navi {
	width:100%;
	margin:10px auto 0 auto;
}
#vendor_pg_navi {
	width:100%;
	margin:2px auto 0 auto;
}
#sales_report {
	width:100%;
}
#notify {
	margin:0 0 20px 0;
}
.anigif {
	background-image:url(../images/rotate.gif);
background-repeat:no-repeat;
background-position:center center;
}
@media only screen and (max-width: 800px) {
	
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }
	
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
 
 
	/* sort out borders */
 
	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}
select#cb_314 {
	background-color:#fcffb2;
}
.green {
	color:#090;
	font-weight: bold;
}
.red {
	color:#C00;
	font-weight: bold;
}