/* CSS Document */
* {
 padding: 0;
 margin: 0;
 outline: none;
}


body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  background: url('../img/bkg_1.gif') repeat;
  }

a:focus {outline: none;}

.body_wrap{
  margin: 0 auto;
  width: 810px;
  overflow: hidden;
  border-top: 1px solid #faf1df;
  border-left: 1px solid #faf1df;
  border-right: 1px solid #faf1df;
  background: #fff;
  }

.body_wrap_live{
  margin: 0 auto;
  width: 539px;
  overflow: hidden;
  border-top: 1px solid #faf1df;
  border-left: 1px solid #faf1df;
  border-right: 1px solid #faf1df;
  background: #fff;
  }

    
#wrapper {
  margin: 0 auto;
  padding: 5px 5px 20px 5px;
  width: 800px;
  height: auto;
  overflow: hidden;
  background: #fff url('../img/bkg_bot.gif') bottom right no-repeat; 
  }

.readMore{color: #E29955;}
/*========================================================HEADER PART====*/
/*================================LOGO PART====*/

#logoContent{
  width: 810px;
  margin: 0 auto;
  padding: 15px 0 0 0;
  overflow: hidden;
  background: #fff; 
  background: #fff url('../img/top_bkg.gif') repeat-x top;
  }

#logoContent h1 a{
  display: block;
  width: 217px;
  height: 118px;
  cursor: pointer;
  }

#logoContent h1 a span{display: none; }
 
#logoContent h1{
   background: url('../img/logo_mosk.gif') no-repeat top left;
   width: 237px;
   height: 174px;
   float: left;
   }
   
.navCont{
  width:560px;
  float:right;
  }

a.site_conf{
  float: left;
  display: inline;
  width: 235px;
  height: 65px;
  margin: 0 0 0 20px;
  }

a.site_conf img{
  border: 0 none;
  }

/*======================================================LANGUAGE NAVIGATION===*/
dl{
  float: left;
  text-align: right;
  display: block;
  width: 200px;
  margin: 20px 0 20px 100px;
  }
  
dl dt{
  float:left;
  font-size: 11px;
  color: #cecece;
  text-align: right;
  width: 70%;
  height: 20px;
  }
  
dl dd{
  float:right;
  display: inline;
  width: 80px;
  height: 68px;
  margin: 5px 10px 0 0;
  }

dl dd a span{display: none;}

dl dd.en a{
  background: url('../img/uk.gif') no-repeat top;
  width: 80px;
  height: 68px;
  display: block;
  text-decoration: none;
  }

dl dd.bg a{
  background: url('../img/bg.gif') no-repeat top;
  width: 80px;
  height: 68px;
  display: block;
  text-decoration: none;
  }
dl dd a:hover{background-position: bottom;}  
/*====================================================TOP NAVIGATION MENU===*/
ul#topNav {
  clear:left;
  float: left;
  display: inline;
  height: 65px;
  width: 535px;
  margin-left: 20px;
  padding: 0 0 0 5px;
  font-size: 0.9em;
  list-style-type: none;
  background: url('../img/menu_bkg_grey.gif') no-repeat top right;
  }

ul#topNav li{
  float: left;
  display: inline;
  padding: 0 10px 0 8px;
  background: url('../img/devider.gif') no-repeat right 15px;
  }
  
ul#topNav li.lst{
  background: none;
  }
  
ul#topNav li a {
   float: left;
   height: 30px;
   padding-top: 16px;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
   color:#c87b29; 
    }

ul#topNav li a.active, ul#topNav li a:hover {
  color: #666 ;
  height: 28px;
  margin-top:2px;
  padding-top: 12px;
  border-top: 2px solid #c87b29;
  }
 
/*============================================================LEFT COLUMN===*/
#left_col {
  float: left;
  width:260px;
  height:auto;
  color: #555;
  margin-right: 3px;
  padding-bottom: 30px;
  overflow: hidden;
  }

#left_col h3{
  padding: 5px 0 0 0;
  font-size: 13px;
  width: 100%;
  height: 25px;
  float: left;
  font-weight: bold;
  background: url('../img/dotted_line.gif') no-repeat top left;
  }
  
form.search_box input{
  border: 1px solid #676767;
  background-color: #FFF4CA;
   width: 100px;
   float: left;
 }

.orange_line {
  background: url('../img/orange_line.gif') no-repeat;
  clear: left;
 }

.dotted_line {
  background: url('../img/dotted_line.gif') no-repeat;
  margin: 10px 0 0 0;
  }
  
#left_col .news {
  width: 240px;
  color: #555;
  margin:0 0  5px 0;
  padding: 0 0 5px 0;
  float: left;
  }

#left_col .news a{
 color: #c87b29;
 font-family: Trebuchet MS;
 display: block;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 margin-bottom: 5px;
}

#left_col .news a:hover{
 color: #555555;
 }

form.polls input{
  width: 10px;
  margin-right: 5px;
  }
  
form.polls input.vote, input.sbm, form#contact input.send {
  background:url('../img/btn.gif') no-repeat top left;
  border: 0 none;
  height: 37px;
  width: 142px;
  float: right;
  display: inline;
  margin-right: 75px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  color: #888;
}
input.sbm.config{
  float:left;
  margin: 15px 5px 0 0 ;
  }
  
/* ================ form block ======================*/

.form_block{
  width: 100%;
  float: left;
  clear: left;
  border-bottom: 1px solid #E89B30;
  }


#left_col .polls p {margin-bottom: 10px;}

/* -------- Last Projects ------------*/
  
#left_col .lastproj {
  clear: left;
  float:left;
  width: 260px;
  padding: 10px 0;
  margin: 0 0 20px 0;
  border-top: 1px solid #f6bf85;
  background: #fff url('../img/dotted_line.gif') no-repeat left bottom;
  }

#left_col .lastproj h3{margin-top: 10px;}

#left_col .lastproj .inf{
  float: right;
  width: 160px;
  }
#left_col .lastproj img{
 float: left;
 border: 0 none;
 
 }

#left_col .lastproj a.image{
  float: left;
  display: inline;
  width: 98px;
  height: 74px;
  text-decoration: none;
  border: 0 none;
  background: url('../img/fr_logo_bkg.gif') bottom right no-repeat;
  opacity:0.6;
  filter:alpha(opacity=60);
  }
  
#left_col .lastproj a.image:hover{
  opacity:1;
  filter:alpha(opacity=100);
   }
   
#left_col .lastproj h4{
  float: left;
  width: 100%;
  font-size: 11px;
  margin: 5px 0;
  }

#left_col .lastproj .inf a{
 float: left;
 clear: both;
 width: 100%;
 color: #c87b29;
 margin: 2px 0;
 }

#left_col .lastproj .inf p{
  float: left;
  clear: left;
  margin: 5px 0;
  width: 100%;
  }

#left_col .lastproj a:hover{color: #555;}

/*============================================================RIGHT COLUMN===*/
#right_col {
  float: left;
  width: 500px;
  height: auto;
  padding-left: 30px;
  padding-bottom: 30px;
  }

#right_col h3 {
  background: url('../img/dot.gif') repeat-x bottom;
 /* width: 470px;*/
  padding: 0 0 13px 0;
  font-size: 15px;
  font-weight: bold;
  font-family: Trebuchet MS;
  color: #c87b29;
  text-transform: uppercase;
  }

#right_col p {
  color: #555;
  margin: 20px 70px 0 0;
  font-size: 12px;
  line-height: 15px;
  }
  
#right_col p a, .s_link{color: #c87b29; font-weight: bold;}
#right_col li a{color: #c87b29; font-weight: bold;}
#right_col p a:hover{text-decoration:  none; color: #555;}

/*=================portfolio=========================*/
#allprojs div, .alllist div{
 float: left;
 width: 500px;
 margin: 5px 0;
 padding: 15px 0;
 background: url('../img/dot.gif') repeat-x bottom; 
  }

#allprojs div h4, .alllist div h4{
  color: #555555;
  font-size: 13px;
  margin: 0 0 10px 0;
  }

.alllist div div.list_in{
  float:left;
  width: 65%;
  background: 0 none;
  }

#allprojs div p, .alllist div p{margin: 10px 0;}

#allprojs a.image{
  float: left;
  width: 126px;
  height: 115px;
  margin: 0 15px 5px 0;
  text-decoration: none;
  border: 0 none;
 }
  
.alllist img{float: right; }

#allprojs img{
  float: left;
  }

.alllist p{
  float: left;
  }
#allprojs a, .alllist a{
 color: #c87b29;
  margin-bottom: 10px;
 }

.alllist a.image{
  opacity:0.6;
  filter:alpha(opacity=60);
  width: 140px;
  height: 153px;
  float: right; 
  }

.alllist a.image:hover{
  opacity:1;
  filter:alpha(opacity=100);
  }

#allprojs a:hover, .alllist a:hover{color: #555;}

.viewproj {
  margin: 10px 0 0 0;  
  float: left;
  }

.viewproj .viewPic{
  float: left;
  width: 360px;
  height: 360px;
  background: url('../img/screen_bkg_1.gif') no-repeat center;
  }

.viewproj .viewNewPic{
/*    width: 500px;
    padding-top: 10px;*/
    text-align: center;
    margin: 0 auto;    
}

.viewproj .viewNewNav{
    width: 500px;
    overflow: hidden;
    text-align: center;
    margin-top: 40px;
    clear: both;
}

.viewproj .viewText{
  float: left;
  width: 360px;
  height: 360px;
  padding: 0px;


  }
.viewproj .viewText p{

    text-align: justify;
    margin: 0px !important;
}


.viewproj .viewText #largeImage{

    display: block;
    overflow: hidden;
    padding: 0 0 0 0px;
    float: left;
    text-align: center;
    margin: 0 10px 0 0;
    opacity: 0.6;
    border: 2px solid #ccc;
    padding: 6px;

}

.viewproj #largeDlgImage{

    width: 100%;
    display: block;
    overflow: hidden;
    float: left;
/*    min-height: 500px;*/
    height: 440px;
/*    height: 450px;*/
    margin-bottom: 0px;
}

.viewproj .viewPic a{
  float: left;
  width: 311px;
  height: 234px;
  overflow: hidden;
  margin: 19px 0 0 25px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }

.viewproj .viewPic a:hover{
  opacity: 1;
  filter:alpha(opacity=100);
  }

.viewproj .morePics {
  float: right;
  width: 135px;
  text-align: center;
  padding: 0 0 0 0px;
 }

.viewproj .morePics a{
  float:right;
  margin: 0 0 10px 0;
  width: 120px;
/*  height: 105px;*/
  padding-bottom: 3px;
  border: 2px solid #E6E6E6;
/*  background: url('../img/portf_btn.gif') no-repeat center top;*/
  opacity:0.8;
  filter:alpha(opacity=80);
  }

.viewproj .morePics a.active, .viewproj .morePics a:hover{
/*  background: url('../img/portf_btn.gif') no-repeat center bottom;*/
  background-color: #efac4d;
  opacity:1;
  filter:alpha(opacity=100);
  }
 
.viewproj .morePics a img{ 
  border: 2px solid #E6E6E6; 
  margin-top: 3px; 
  }
.viewproj .morePics a:hover img{ 
  border: 2px solid #fff; 
  margin-top: 3px; 
  }


#projinfo a {
 color: #c87b29;
  margin-bottom: 10px;
 }

#projinfo a:hover{color: #555;}

#projinfo p {margin-top: 10px;}

/*=================================================================FOOTER===*/
#footer {
  float: left;
  width: 100%;
  overflow:  hidden;
  padding: 10px 0 15px 0;
  text-align: center;
  border-bottom: 1px solid #faf1df; 
  border-top: 1px solid #eeedeb;
  background: url('../img/bot_bkg.gif') repeat-x bottom;
  }

#footer  p.bp { clear: both;  width: 100%; text-align: center; font-weight: bold; }
#footer  p.bp img { margin:0  20px;}
#footer  p.left  { float: left; color: #999; width: 500px; padding: 15px 0 0px 10px; font-weight: bold;text-align: left;  }
#footer  p.right { width: 200px; float: right; font-weight: bold; padding: 5px 10px 0px 0px;   color: #999; }
#footer  p.right a { background: transparent url(../img/35x35_mosk.gif) no-repeat scroll left top;height:25px; float:right; font-style:italic;  padding: 10px 0 0 40px; color:#888888; }

#footer_live {
  float: left;
  width: 100%;
  overflow:  hidden;
  padding: 10px 0 15px 0;
  text-align: center;
  border-bottom: 1px solid #faf1df; 
  border-top: 1px solid #eeedeb;
  background: url('../img/bot_bkg.gif') repeat-x bottom;
  }

#footer_live  p.bp { clear: both;  width: 100%; text-align: center; font-weight: bold; }
#footer_live  p.bp img { margin:0  20px;}
#footer_live  p.left  { float: left; color: #999; width: 400px; padding: 15px 0 0px 10px; font-weight: bold;text-align: left;  }
#footer_live  p.right { width: 100px; float: right; font-weight: bold; padding: 5px 10px 0px 0px;   color: #999; }
#footer_live  p.right a { background: transparent url(../img/35x35_mosk.gif) no-repeat scroll left top;height:25px; float:right; font-style:italic;  padding: 10px 0 0 40px; color:#888888; }



 
/*==========================================================C0NTACT PAGE===*/
#right_col form p{
  width: 100%;
  float:left;
  clear: left;
  margin: 0 0 15px 0;
  }

form#contact.order{margin: 0;}

#right_col form p.check input,
form#contact #features p input{
  width: auto;
  margin: 0 10px 0 20px;
  display: inline;
  border: 0 none;
  background: none;
  }
    
form#contact #features p input{
  height: 13px;
  float: left;
  }
  
form#contact #features p label{
  height: 13px;
  float: left;
}

#right_col form p.check label,
form#contact #features p label{width: 250px;}
  
form#contact label.quest{
  width: 90%;
  }
 
form#contact {margin-top: 20px;}

form#contact label{
  width: 210px;
  float: left;
  color: #666;
  }

#features p label{
  width: 380px !important;
}

#otherFeature {

    width: 250px !important;
}

form#contact input,form#contact textarea,form#contact select{
  background-color: #F4F3F5;
  width: 210px;
  border: 1px solid #f6bf85;
  color: #333;
  }

textarea.txtArea{ width: 415px;}

form#contact span {color: #C96A2B;}

.r_form { margin-top: 10px;}
.r_form  span {color: #C96A2B;}
.r_form label{  width: 110px; display: block; float: left;}
.r_form input.txt{  background-color: #F4F3F5;  width: 210px;  border: 1px solid #f6bf85;  color: #333;  }
.r_form textarea{  background-color: #F4F3F5;  width: 470px; height: 50px;  border: 1px solid #f6bf85;  color: #333;  }
.r_form p input.btn{ background:transparent url(../img/btn.gif) no-repeat scroll left top;
    border:0 none; color:#888888;cursor:pointer;display:inline; font-size:13px;
    font-weight:bold;height:37px;text-align:center;text-transform:uppercase;width:142px;}
    
#text_area { height: 200px; overflow: auto; border: 1px solid #f6bf85; margin: 10px 0 0 0; width: 470px; background-color: #F4F3F5; }    
#text_area div p{ padding: 2px 0 0 0; margin: 0;}


/*=================================================================F A Q===*/
.faq {margin-top: 20px;}

.faq a {
  color: #c87b29;
  width: 450px;
  margin-top: 10px;
  font-size: 12px;
  display: block;
  }

.faq a:hover {
  color: #555;
  text-decoration:none;
  }

.faq a.clicked {
color:#555;
 margin-bottom: 3px;
 text-decoration:none;
}

.faq .expanded {
  background-color: #F4F3F5;
  border: 1px solid #E89B30;
  border-top: none;
  color: #666;
  width: 463px;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 0 5px 0 5px;  
  }
  
#right_col .faq .expanded p {
  margin: 0px;
  padding: 3px;
  font-size: 11px;
  text-align: justify;
  }

#right_col .faq .expanded a {display: inline; font-size: 11px;}

/*==========get a quote=========*/  
h5{
 clear: both;
 margin: 20px 0 20px 0;
 font-size: 13px;
 color: #555;
  }
   
.ulContent {
 padding: 0;
 margin: 10px 20px;
 list-style-image: url('../img/check_point.gif');
 }
   
.ulContent li{
 color: #555555;
 font-size: 12px;
 margin: 5px 0; 
  }

.alllist p{ margin: 0px !important; }
.viewprod img{float: right; margin-right: 20px; margin-bottom: 10px; margin-left: 10px;}
.viewprod p{text-align: justify;}

/* porducts on products page*/

ul.prod_pack{
  
  height: 120px;
  width: 100%;
  margin: 10px 0 0 0;
  }

ul.prod_pack li{
  display: inline;
  float: left;
  list-style-type: none;
  }

ul.prod_pack li a{
  width: 108px;
  height: 100px;
  display: block;
  margin: 0 15px 0 0;
  opacity:0.6;
  filter:alpha(opacity=60);
  }

ul.prod_pack li a:hover{
  opacity:1;
  filter:alpha(opacity=100);  
  }
  
ul.prod_pack li a span{display: none;}

ul.prod_pack li a.mosk_basic{background: url('../img/products/mosk_basic.gif') no-repeat left top;}
ul.prod_pack li a.mosk_flex{background: url('../img/products/mosk_flexible.gif') no-repeat left top;}
ul.prod_pack li a.mosk_pro{background: url('../img/products/mosk_pro.gif') no-repeat left top;}
ul.prod_pack li a.mosk_commerce{background: url('../img/products/mosk_commerce.gif') no-repeat left top;}

/* - promotions on home page --*/
.blue_pkg{
  width: 100%;
  float: left;
  clear: left;
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  background: url('../img/dot.gif') repeat-x  center top;
  }

.blue_pkg div{
  width: 345px;
  float: left;
  padding-left: 10px;
  }
  
#right_col .blue_pkg div p,
#right_col .red_pkg div p{
  margin-right: 10px;
  }
  
.red_pkg{
  width: 100%;
  float: left;
  clear: left;
  padding: 20px 0 5px 0;
  background: url('../img/dot.gif') repeat-x  center top;
  }

.red_pkg div{
  width: 345px;
  float: right;
  }

a.promo_flex_pkg{
  background: url('../img/products/new_box_commerce.gif') no-repeat left top;
  width: 138px;
  height: 151px;
  float: right;
  opacity:0.6;
  filter:alpha(opacity=60);
  }

a.promo_flex_pkg:hover,
a.promo_pro_pkg:hover{
  opacity:1;
  filter:alpha(opacity=100);  
  }

a.promo_flex_pkg span{display: none;}

a.promo_pro_pkg{
  background: url('../img/products/new_boxes_pro_rev.gif') no-repeat left top;
  width: 126px;
  height: 151px;
  float: left;
  opacity:0.6;
  filter:alpha(opacity=60);
  }

a.promo_pro_pkg span{display: none;}

/*dialog*/
.dlg_main{ border: 2px solid #DFBD99;  background:transparent url(../img/bkg_1.gif) repeat scroll 0 0; }
.dlg_title { background-color: #DFBD99; height: 23px;  }
.dlg_location { display: block; float: left;padding: 3px; color: #4B4A47; border-top: 1px solid #4B4A47;
		border-left: 1px solid #4B4A47; border-bottom: 1px solid #ececec;
		border-right: 1px solid #ececec;
		width: 400px;
		padding-left: 23px;
		font-size: 9px;
		background: #fff url(../img/favicon.ico) no-repeat scroll 3px 0;
		font-weight: bold;
		text-decoration: none;
 }
.dlg_location:hover { text-decoration: underline; }
.dlg_close { display: block; float: right;  background: transparent url(../img/fileclose.png) no-repeat scroll 0 0; width: 25px; height: 23px; }
.dlg_close span{ display: none;}
.dlg_cont{ overflow: hidden;   padding: 0px; border: 1px solid #ccc; }

.moskConfDialog { background-color: #fff; border: 2px solid gray; padding: 5px; overflow: auto; }

/*fake select box*/
.select { 
  background: url('../img/select_config.gif') no-repeat left top;
  margin: 10px 10px 10px 10px;
  width: 432px;
  height: 21px; 
  padding: 10px 0 0 10px; 
  cursor: pointer;
  color: #C87B29;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

.c_table {  width: 430px;  clear:both; color: #555;}
.c_table th{ background-color: #E7E6E6; color: #C87B29; padding: 3px; }
.c_table th.fload{ background-color: white; border: 1px solid #E7E6E6; width: 17px; padding: 0px; }
.c_table td{padding: 2px;}
.c_table .even td{background-color: #F1DCC6;}
.c_table a{ color:  #C87B29; text-decoration: none; }

.error { color: #c96a2b !important;}

.box_load_in{
  width: 420px;
  clear: both;
  overflow: hidden;
  }
#cart_block{margin: 0 0 0 10px;}
.box_load_in .s_link{float:right; margin: 5px 0 0 0;}
.box_load_in span, p.show_price{
  float:left;
  width: 100px;
  height: 20px;
  text-align: center;
  border: 2px solid #cecece;
  background-color: #f8f8f8;
  color: #444;
  padding: 5px 0 0 0;
  font-weight: bold;
  font-size: 15px;
  }
  
.show_price span{
  margin: 0 30px;
  font-weight: normal;
  }
  
 #right_col p.show_price{
  width:450px; 
  height: 34px;
  margin: 0 0 10px 0px;
  border: 0 none;
  background: transparent url('../img/info_config.gif') no-repeat top left;
  }
  #right_col div.st_text{
  color:#555555;
  font-size:12px;
  line-height:15px;
  margin:20px 70px 0 0;
  
  }

#sub_nav { list-style-type: none; margin: 0px; padding: 0px; overflow: hidden; }  
#sub_nav li{ float: right; margin-right: 10px; }
#sub_nav li a{ color: #C87B29; text-decoration: none;}
#sub_nav li a:hover{ color: #C87B29; text-decoration: underline;}

/*--support--*/

.center h3 {
  background: url('../img/dot.gif') repeat-x bottom;
  padding: 0 0 13px 270px;
  font-size: 15px;
  font-weight: bold;
  font-family: Trebuchet MS;
  color: #c87b29;
  text-transform: uppercase;
  }

.client_choise{ margin-top: 10px; height: 400px;}
.client_choise .select_link{ display: block; margin: 10px auto; 
     background: url('../img/info_config.gif') no-repeat left top;  
     width: 432px;  height: 23px;   padding: 8px 0 0 0;
     text-align: center;
     color: #C87B29; font-size: 12px;  font-weight: bold; text-transform: uppercase;
     text-decoration: none;
 }
.client_choise .select_link:hover{ text-decoration: underline; }
.support_cm{ margin-top: 10px; height: 600px;}
.center #path { overflow: hidden; list-style-type: none; margin-top: 10px;}
.center #path li{ float: left; margin-left: 4px;}
.center #path li.last a{ color: #999; text-decoration: none; }
.center #path li.first a{ background: none; padding: 0;  }
.center #path li a{ padding-left: 20px;  background: transparent url( '../img/arrowb.png' ) no-repeat left 1px; color: #C87B29; text-decoration: none; }

.form{padding: 10px;}
.form h3 { text-align: left; padding: 0 0 10px 0; margin: 10px 0 10px 0; }
.form p{ clear: both; margin-top: 10px; overflow: hidden; color:#555555; font-size:12px; line-height:15px;}
.form p label {display: block; float: left; width: 220px; color: #666666}
.form p select { background-color:#F4F3F5; border:1px solid #F6BF85; color:#333333; width:210px;}
.form p input.text { background-color:#F4F3F5; border:1px solid #F6BF85; color:#333333; width:210px;}
.form p textarea.text { background-color:#F4F3F5; border:1px solid #F6BF85; color:#333333; width:210px;}
.form p input.btn{ background:transparent url(../img/btn.gif) no-repeat scroll left top;
    border:0 none; color:#888888;cursor:pointer;display:inline;float:right;font-size:13px;
    font-weight:bold;height:37px;margin-right:75px;text-align:center;text-transform:uppercase;width:142px;}

.ti_table {  clear:both; color: #555; background-color: #fff; margin: 5px; width: 99%; }
.ti_table th{ background-color: #E7E6E6; color: #C87B29; padding: 3px; }
.ti_table th.fload{ background-color: white; border: 1px solid #E7E6E6; width: 17px; padding: 0px; }
.ti_table td{padding: 5px 10px 5px 10px;  border-bottom: 1px solid #C87B29; }
.ti_table td.td_new { color: red;}
.ti_table td.td_inprogress { color: blue;}
.ti_table td.td_closed { color: #000;}
.ti_table td.td_reopened { color: green;}
.ti_table .even td{background-color: #F1DCC6;}
.ti_table a{ color:  #C87B29; text-decoration: none; }

.ti_view { margin-top: 10px; clear: both; background-color: #fff; }
.ti_view th{ background-color: #E7E6E6; border-bottom: 1px solid #fff; padding: 10px; color: #C87B29; font-size:12px; line-height:15px; }
.ti_view td{   border-bottom: 1px solid #C87B29; padding: 10px; color:#555555; font-size:12px; line-height:15px; }
.ti_view td a{ color: #C87B29; text-decoration: none; font-size:12px; line-height:15px; font-weight: bold; }
.ti_view td a:hover{ text-decoration: underline; }
.ti_view td textarea{  background-color:#F4F3F5; border:1px solid #F6BF85; color:#333333; width:210px; }

/*------------pager--------------------*/
.pager { margin: 10px; clear: both;}
.pager a{ color: #C87B29; margin: 2px; text-decoration: none;}
.pager a:hover{ text-decoration: underline;}
.pager span{margin: 2px;}

p.text { clear: both; margin: 10px; overflow: hidden; color:#555555; font-size:12px; line-height:15px;}
p.message { clear: both; margin: 10px; overflow: hidden; color:#555555; font-size:12px; line-height:15px;}

.filter{ background-color: #E7E6E6; padding: 10px; border: 1px solid #C87B29; overflow: hidden; margin-top: 10px; }
.filter form p label{ display: block; float: left; width: 60px; margin-left: 10px; }
.filter form p select{ float: left; width: 150px; border: 1px solid #C87B29; font-size: 11px; }

.live_help { display: block; text-align: center; padding-bottom: 10px;}