﻿body {margin:0px; padding:0px;  background:url('bg/Opera-Background-Simple.jpg') no-repeat center top;}
no-margin{margin:0}
.page_header{ direction:rtl; height:100px; background:url('images/head_bg.gif') repeat-x;}
.logo{margin:0 30px; float:right; border-width:0px;}
.logo_left{margin:0 30px; float:left; border-width:0px;}
.information{height:60px; margin:0 auto; padding:12px 0 0 0; background: #ffffff; border-bottom:solid 1px #ccc; width:99%; overflow:hidden; direction:rtl;
         -webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 3px 3px; box-shadow: #666 0px 2px 3px; 
         behavior: url(PIE.htc);}
.logout{display:block; width:120px; color:Blue; text-decoration:none; margin:1px 0 0 0; padding:5px 27px 0px 0;}
.body{ text-align:center; padding:20px 20px 35px 20px;margin:0 auto; width:930px; overflow:hidden;}
.quick_service{ width:560px; border:solid 1px #ccc; float:right;  margin:0 0 20px 0; 
         -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;
         -webkit-box-shadow: #666 2px 4px 4px;-moz-box-shadow: #666 2px 4px 4px; box-shadow: #666 2px 4px 4px;background: #F2F2FF;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E1E1FF), to(#ffffff));
         background: -moz-linear-gradient(#E1E1FF, #ffffff);
         background: linear-gradient(#E1E1FF, #ffffff);
         -pie-background: linear-gradient(#E1E1FF, #ffffff);behavior: url(PIE.htc);
         }
.quick_service_header{height:36px;  margin:0px; direction:rtl; text-align:right; overflow:hidden;
         -webkit-border-radius:10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ; border-radius: 10px 10px 0 0 ;
         behavior: url(PIE.htc);}
.global_header {behavior: url(PIE.htc);height:20px; padding:5px; font:9pt Tahoma; margin:0 20px; color:#fff; float:right;
         -webkit-border-radius:0 0 10px 10px ;-moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
         background: #53a9f4;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#53a9f4), to(#308ddb));
         background: -moz-linear-gradient(#53a9f4, #308ddb);
         background: linear-gradient(#53a9f4, #308ddb);
         -pie-background: linear-gradient(#53a9f4, #308ddb); text-shadow: 0 1px 0 #4b433e;
         }
 .record_header2 {-webkit-border-radius:10px 10px 10px 10px ;-moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
         background: #53a9f4;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66b43d), to(#8cdc62));
         background: -moz-linear-gradient(#66b43d, #8cdc62);
         background: linear-gradient(#66b43d, #8cdc62);
         -pie-background: linear-gradient(#66b43d, #8cdc62); text-shadow: 0 1px 0 #4b433e;
         behavior: url(PIE.htc);}         
 .record_header {-webkit-border-radius:10px 10px 10px 10px ;-moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
         background: #53a9f4;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#53a9f4), to(#308ddb));
         background: -moz-linear-gradient(#53a9f4, #308ddb);
         background: linear-gradient(#53a9f4, #308ddb);
         -pie-background: linear-gradient(#53a9f4, #308ddb); text-shadow: 0 1px 0 #4b433e;
         behavior: url(PIE.htc);}    
  .record_header_red{-webkit-border-radius:10px 10px 10px 10px ;-moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
         background: #dd0704;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dd0704), to(#fe3431));
         background: -moz-linear-gradient(#dd0704, #fe3431);
         background: linear-gradient(#dd0704, #fe3431);
         -pie-background: linear-gradient(#dd0704, #fe3431); text-shadow: 0 1px 0 #4b433e;
         behavior: url(PIE.htc); }   
       
 .record_header_detail {
         background: #DDD7FF;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEAFF), to(#DDD7FF));
         background: -moz-linear-gradient(#EDEAFF, #DDD7FF);
         background: linear-gradient(#EDEAFF, #DDD7FF);
         -pie-background: linear-gradient(#EDEAFF, #DDD7FF); text-shadow: 0 1px 0 #fff;
         behavior: url(PIE.htc);} 
          
.p_header{font:bold 11pt Arial; color:#555; margin:5px; padding:5px; width:300px; direction:rtl; float:right;}  
.p_header_white{font:bold 11pt Arial; color:#fff; margin:5px; padding:1px 5px; width:300px; direction:rtl; float:right;}   
.p_info{font:bold 11pt Arial; color:#555; margin:5px; padding:5px;  direction:rtl;}       
.p_label{font: 10pt tahoma; color:#555; margin:5px; padding:2px;  direction:rtl;}     
.p_block{display:block; font: 10pt Tahoma; color:#555; margin:2px; padding:2px;  direction:rtl; text-decoration:none;}
.p_item{font: 10pt tahoma; color:#555; margin:2px; padding:3px ;  direction:rtl; border:solid 1px #bbb; background:#dfdfdf;}
.p_item_del{float: right; cursor:pointer;}
.txt_small{ font:10pt tahoma; color:#555; margin:5px; padding:2px;  direction:rtl; width:120px;  }
.div_record{overflow:hidden; margin:5px; direction:rtl;}     
.div_record_row{overflow:hidden; margin:2px 5px; direction:rtl; border:solid 1px #ccc; background:#fcfcfc;-webkit-border-radius:10px 10px 10px 10px ;-moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; behavior: url(PIE.htc);} 
.div_record_row_alt{overflow:hidden; margin:2px 5px; direction:rtl; border:solid 1px #ccc; background:#F2F2FF;-webkit-border-radius:10px 10px 10px 10px ;-moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; behavior: url(PIE.htc);} 
.div_record_row:hover{ background:#FFD17D;}
.div_record_row_alt:hover{ background:#FFD17D;}
.d_left{float:left;}
.d_right{float:right;}
.align_center{text-align:center;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.text_box{ margin:0 20px; font:10pt Tahoma; border:solid 1px #9D9DFF; background-color:#F6F6FF; padding:3px;}

.process_item{display:block; border:solid 1px #ccc; color:#ccc; background:#efefef; padding:5px; float:right; font:bold 12pt arial; text-decoration:none; margin:10px 0; width:75px; height:60px;
         -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;  behavior: url(PIE.htc);}
.process_img{float:right; margin:30px 10px; border-width:0px;}
.process_item_done{display:block;border:solid 1px #ccc; color:blue; background:#fff; padding:5px; float:right; font:bold 12pt arial; text-decoration:none; margin:10px 0; width:75px; height:60px;
         -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;
         -webkit-box-shadow: #666 1px 2px 2px;-moz-box-shadow: #666 1px 2px 2px; box-shadow: #666 1px 2px 2px; behavior: url(PIE.htc);}
         
.inner_block{background: #ffffff; border:solid 1px #666; margin:5px; padding:5px; overflow:hidden; direction:rtl;
         -webkit-box-shadow: #666 0px 3px 3px;-moz-box-shadow: #666 0px 3px 3px; box-shadow: #666 0px 3px 3px; 
         behavior: url(PIE.htc);}
         
.toolbar_block{-webkit-border-radius:5px 5px 5px 5px ;-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
         background: #BDDDFB; border:solid 1px #ccc; padding:5px; margin-bottom:10px;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BDDDFB), to(#aaaaaa));
         background: -moz-linear-gradient(#BDDDFB, #aaaaaa);
         background: linear-gradient(#BDDDFB, #aaaaaa);
         -pie-background: linear-gradient(#BDDDFB, #aaaaaa);
         behavior: url(PIE.htc);}       
         
.btn_save{display:block; font:10pt tahoma; text-align:center; text-decoration:none; height:20px; padding:2px; border:solid 1px #83bbd9; margin:0 2px 0 2px;
         -webkit-border-radius:4px ;-moz-border-radius: 4px ; border-radius: 4px ; cursor:pointer;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2FF), to(#cccccc));
         background: -moz-linear-gradient(#F2F2FF, #cccccc);
         background: linear-gradient(#F2F2FF, #cccccc);
         -pie-background: linear-gradient(#F2F2FF, #cccccc);
        behavior: url(PIE.htc);}
.btn_save:hover{  
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cccccc), to(#F2F2FF));
         background: -moz-linear-gradient(#cccccc, #F2F2FF);
         background: linear-gradient(#cccccc, #F2F2FF);
         -pie-background: linear-gradient(#cccccc, #F2F2FF);
        behavior: url(PIE.htc);}

.btn_small{display:block; font:8pt tahoma; text-align:center; text-decoration:none; height:18px; padding:3px 2px 1px 2px; border:solid 1px #83bbd9; margin:0 2px 0 2px;
         -webkit-border-radius:4px ;-moz-border-radius: 4px ; border-radius: 4px ; cursor:pointer;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2FF), to(#cccccc));
         background: -moz-linear-gradient(#F2F2FF, #cccccc);
         background: linear-gradient(#F2F2FF, #cccccc);
         -pie-background: linear-gradient(#F2F2FF, #cccccc);
        behavior: url(PIE.htc);}
.btn_small:hover{  
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cccccc), to(#F2F2FF));
         background: -moz-linear-gradient(#cccccc, #F2F2FF);
         background: linear-gradient(#cccccc, #F2F2FF);
         -pie-background: linear-gradient(#cccccc, #F2F2FF);
        behavior: url(PIE.htc);}
        
 .btn_small_disable{display:block; font:8pt tahoma; text-align:center; text-decoration:none; height:18px; padding:3px 2px 1px 2px; border:solid 1px #83bbd9; margin:0 2px 0 2px;
         -webkit-border-radius:4px ;-moz-border-radius: 4px ; border-radius: 4px ; cursor:default; background:#ccc;
        behavior: url(PIE.htc);}       
        
.hr_seperator{ border-bottom:solid 1px #fff;border-top:solid 1px #aaa; margin:8px 0 8px 0; padding:0px; height:1px;}
.notes{padding:10px; border:solid 1px #ccc; background:#fdfdfd; overflow:hidden;}
.error_msg{color:Red; font:10pt tahoma; text-decoration:none;}
.error{direction:rtl; overflow:hidden; text-align:right; margin:5px; padding:5px; background-color:#f4f4f4; border:solid 1px #ccc;}
.error_img{float: right;margin:0 0 0 10px;}
.error_lbl{color: Red; font: 10pt tahoma; display:block; padding:10px 2px;}
.footer{position:fixed; bottom:0px; margin:0 auto; width:100%; height:35px; border:solid 1px #333; border-bottom-width:0px; z-index:1555;
        -webkit-border-radius:10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ; border-radius: 10px 10px 0 0;
            background: #CACAFF;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3870ba), to(#245799));
            background: -moz-linear-gradient(#3870ba, #245799);
            background: linear-gradient(#3870ba, #245799);
            -pie-background: linear-gradient(#3870ba, #245799);
            behavior: url(PIE.htc); }
.app_description{  border:solid 1px #ccc; }
.app_from_to { width: 151px;text-align: center; border:solid 1px #ccc;}
.app_date { width: 100px;text-align: center; border:solid 1px #ccc; }	
.app_box {  border-collapse:collapse; width: 100%; font:9pt Tahoma;  border:solid 1px #ccc; }
.app_header { background:url('images/app_header.gif'); padding:3px 0 3px 0;} 
.app_row { cursor:pointer; background-color:#fff; }
.app_row:hover { background-color:#68b92e; }
.app_alt_row {cursor:pointer; background-color:#F9F9FF; }
.app_alt_row:hover { background-color:#68b92e; }
.app_td{text-align: center; border:solid 1px #ccc;}
.app_del{text-align: center; vertical-align:middle; width:24px;}
.app_edit{text-align: center; vertical-align:middle; width:82px;}

.icon{width: 100px; margin:14px; height:150px; cursor:pointer;}
.icon:hover{background:#fff;}

.report{width:930px;}