/* CSS Document 
  StyleSet: CoMinder
// module_version=CM.0.102
// version_date=2016.11.28
   
  basic colors:
  green: rgb(32,148,80);
  blue:  rgb(33,78,168);
  red:
  white: rgb(250,250,250);
  black-grey for text: color: rgb(77,77,77)
*/
body {
   	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 13px;
   	/* background-color:white; */
    background-color:rgb(250,250,250);
   	color: rgb(33,78,168);
	  margin:0;
}

        a { color:rgb(33,78,168);}
        h1 {
        	font-size: 28px;
        	color: rgb(33,78,168) /* rgb(255,255,153); */
        	padding-bottom: 10px;
        	padding:5px 0 10px 15px;
			margin:0;
        }

        #body-content p {
        	padding-left: 35px;
        	padding-right: 35px;
        	line-height: 18px;
        }

        h2 {
        	font-size: 14px;
        	font-weight: bold;
        	color: #FF9900;
        	padding-left: 15px;
        }

table.header {
          background-color:white;
}
td.header {
          background-color:white;
}

a.menuline { color:white;}
table.menulline {
          background-color:rgb(32,148,80);
          color: white;
          margin: 5px;
          padding: 10px;        
}
td.menuline {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
          /* font-weight: bold; */
          background-color:rgb(32,148,80);  
          color: white;
          /* rgb(36,72,160) rgb(32,148,80) */
}

td.menuline_active {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
          /* background-color:rgb(102,204,153); */    
          background-color:rgb(51,204,102);
          
          color: white;
}

        
p.menuline {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
          font-weight: bold;
          background-color:rgb(32,148,80);  
          color: white;
}

h1.cm_page_title{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 18px;
      font-weight: bold;
     	color: rgb(33,78,168);
     	padding-bottom: 10px;
      padding-left: 10px;
      padding-top: 10px;
}
        
P.cm_page_title{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 18px;
      font-weight: bold;
     	color: rgb(33,78,168);
}


h2.cm_page_sub_title {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 16px;
      font-weight: bold;
     	color: rgb(33,78,168);
     	padding-bottom: 10px;
      padding-left: 20px;
      padding-top: 10px;
}

h3.cm_page_sub_title {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: bold;
     	color: rgb(33,78,168);
     	padding-bottom: 10px;
      padding-left: 50px;
      padding-top: 10px;
}

P.cm_descriptor_prod  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 12px;
      font-weight: bold;
     	color: #DD0000;
}

P.page_navigation_line {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 12px;
      font-weight: bold;
     	color: rgb(32,148,80);
}

P.cm_descriptor_out  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 12px;
      font-weight: bold;
     	color: rgb(32,148,80);
}

P.cm_news_dateplace  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 12px;
      font-weight: bold;
     	color: rgb(33,78,168);
}

P.cm_news_dateplace_hot  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 12px;
      font-weight: bold;
     	color: rgb(32,148,80);
}

P.cm_subtitle  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: bold;
     	color: rgb(33,78,168);
}

P.cm_enter {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 16px;
        	/* color: #FFFFFF; */
          color: rgb(33,78,168);
        }


P.cm_explain_hot {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
          color: rgb(32,148,80);
        }        


P.cm_explain_pain {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
          color: rgb(33,78,168);
        }        

h2.cm_explain_hot {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
          color: rgb(32,148,80);
          padding-left:40px;
        }        

P.cm_explain_green {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
     	    color: rgb(32,148,80);
        }        

P.cm_explain {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
        	/* blue - color: rgb(33,78,168); */
          /* darkgrey - color: rgb(47,79,79); */
          /* darkgreen - color: rgb(85,107,47); */
          color: rgb(77,77,77)
        }        

ul.cm_explain {
  font-size: 14px;
  padding-left: 30px;
  color: rgb(77,77,77);
}        
        
li.cm_explain {
  color: rgb(77,77,77);
  font-size: 14px;
  margin-left: 20px;
  margin-top: 5px;
}        

// LAND
p.cm_land1_enter{
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
          font-weight: bold;
          color: rgb(77,77,77);
}        

P.cm_land_enter {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 16px;
        	/* blue - color: rgb(33,78,168); */
          /* darkgrey - color: rgb(47,79,79); */
          /* darkgreen - color: rgb(85,107,47); */
          color: rgb(77,77,77);
        }   
        
// 
P.cm_land_explain1 {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 17px;
        	/* blue - color: rgb(33,78,168); */
          /* darkgrey - color: rgb(47,79,79); */
          /* darkgreen - color: rgb(85,107,47); */
          color: rgb(77,77,77);
        }   

P.cm_land_explain{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 16px;
      font-weight: bold;
     	color: rgb(33,78,168);
}

ul.cm_land_explain{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 16px;
      font-weight: normal;
     color: rgb(47,79,79);
}

li.cm_land_explain{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 16px;
      font-weight: normal;
     	//color: rgb(33,78,168);
   margin-left: 30px;
   padding-left: 5px;
   padding: 5px;
      
}

table.landing {
   margin: 10px;
   padding: 5px 20px;
   border: 1;
   //background-image: docs/images/xlsat-before-00-grey.png;        
}

          
 // cm_page_title, cm_explain  cm_news_dateplace ul: cm_explain, li:cm_explain
P.cm_explainDG {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
        	/* color: rgb(33,78,168); */
          color: rgb(47,79,79);
        }        

P.cm_explainBL {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 14px;
        	color: rgb(33,78,168);
        }        

P.cm_bodytext {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 12px;
        	color: rgb(33,33,33);
        }

P.cm_bodyspecial {
        	font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 12px;
        	color: rgb(26,151,81);
        }


p.cm_pgroup_active  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: bold;
     	color: red;
}

a.cm_pgroup_active  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: bold;
     	color: red;
}

p.cm_pgroup_inactive  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: bold;
     	color: rgb(33,78,168);
}

a.cm_pgroup_inactive  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: bold;
     	color: rgb(33,78,168);
}

hr {
           color:  #209450;
           background-color:  #209450;
           border: none;
           height: 1px;
        }

hr.headline {
           margin:2px 0px 2px 0px;
           color:  #DD0000;
           background-color: #DD0000;
           height: 2px;
        }

hr.menuline_active {
           margin:0px 0px 2px 0px;
           color:  #DD0000;
           background-color:rgb(51,204,102);
           height: 4px;
        }

hr.menuline_active_contra {
           margin:0px 0px 2px 0px;
           color:  #DD0000;
           background-color:rgb(51,204,102); 
           /* background-color:rgb(32,148,80);  */
           height: 4px;
        }
        
hr.mobile_menu_d {
           margin:2px 0px 2px 0px;
           color:  #CDCDCD;
           background-color: #CDCDCD;
           height: 1px;
        }        


table.cm_lov {
   margin: 15px;
   padding: 20px;        


}

  td.cm_technote_ref  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 13px;
      font-weight: bold;
     	color: rgb(33,78,168);
  }
  td.cm_technote_intro  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 13px;
      font-weight: normal;
     	color: rgb(77,77,77);
      padding-left: 30px;        
  }
  td.cm_technote_thead  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 13px;
      font-weight: bold;
     	color: rgb(33,78,168);
  }

  td.cm_bodytext  {
     	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: normal;
     	color: rgb(33,33,33);
      vertical-align: top;
  }

  td.tdlabel  {
     	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 14px;
      font-weight: normal;
      color: rgb(33,78,168);
      vertical-align: top;
      text-align: right;
  }


/* CMSTORE */
table.cm_store {
   margin: 1px;
   padding: 5px 2px;
   border: 1;        
}

  th.cm_store  {
    	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 13px;
      font-weight: bold;
     	color: rgb(1, 116, 187);
      background-color: rgb(220, 220, 220);
  }

  td.cm_store  {
     	font-family: Arial, Verdana, Helvetica, sans-serif;
     	font-size: 12px;
      font-weight: normal;
     	color: rgb(33,33,33);
      background-color: rgb(255,255,204);
      vertical-align: top;
  }

/* cm_vendor_ref */  

ul.service_list {
  font-size: 14px;
  padding-left: 10px;
  padding-top: 15px;
}        
        
li.service_list {
  font-size: 14px;
  margin-left: 20px;
  padding-top: 10px;
}        

ul.regular {
  margin: 5px;
  font-size: 14px;
  padding-left: 30px;
  color: rgb(77,77,77);
}        
        
li.regular {
  color: rgb(77,77,77);
  font-size: 14px;
  margin-left: 20px;
  margin-top: 15px;
}        

ul.newsref {
  font-size: 13px;
  padding-left: 50px;
  color: rgb(77,77,77);
}        
        
li.newsref {
  color: rgb(77,77,77);
  font-size: 13px;
  margin-left: 20px;
  margin-top: 5px;
}        
        
        
td.action_button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 12px;
  font-weight: normal;

 	color: rgb(33,33,33);
  background-color: rgb(255,255,204);

  vertical-align: center;
  align: center;      
  padding: 10px;
  margin: 40 auto; 
  border: 0.1em solid black;
  border-radius: 1em;
}

a.action_button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 14px;
  font-weight: normal;

 	color: white;
  background-color: #209450;

  vertical-align: center;
  align: center;      
  padding: 7px;
  margin: 40 auto; 
  border: 0.0em solid black;
  border-radius: 0.7em;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
        
           
div.action_done_message_box {
	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 14px;
  font-weight: normal;

 	color: rgb(33,78,168);
  //background-color: rgb(204,255,153);
  //background-color: rgb(255,255,204);
  background-color: rgb(208,255,192);
  padding: 40px;
  margin: 40 auto; 
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}           
        
        
input {
    position: absolute;
    //height: 100px;
    //width: 200px;
    left: 10;
    margin: 10;
    opacity: 1;
    padding: 5px;

    border: 1px solid #dde0e3;
    border-radius: 3px;
    //cursor: pointer;
    
    font-size: 16px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    
}

textarea {
//    position: absolute;
    left: 10;
    margin: 5;
    opacity: 1;
    padding: 10px;

    border: 1px solid #dde0e3;
    border-radius: 3px;
    //cursor: pointer;
    
    font-size: 16px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    
}        

img.product_logo_left {
    margin-left: 0px;
    margin-right: 10px;
    padding: 5px;
    opacity: 1;
    float: left;
    
}

img.product_logo_right {
    margin-left: 10px;
    margin-right: 0px;
    padding: 5px;
    opacity: 1;
    float: right;
    
}

table.product_options{
  table-layout: fixed;
  max-width: 840px;
}

div.page_body{
  //table-layout: fixed;
  max-width: 840px;
  margin: 0 auto;
}

div.sheet_body{
  //table-layout: fixed;
  max-width: 1024px;
  margin: 0 auto;
}


@media screen and (min-device-width: 860px) {
  div.page_body{
    //table-layout: fixed;
    max-width: 840px;
    margin: 0 auto;
  }

}

@media screen and (max-device-width: 860px) {
  // for mobile devices
  div.page_body{
    //table-layout: fixed;
    max-width: 90%;
    margin: 0 auto;
  }
  
  a.lang_menu {
    color: white;
    font-size: 20px;
  }
  
  .menuline {
    font-size: 20px;
  }
}