/*
 a:link    {font-family: Arial; font-size: 16px; color: #0080FF; text-decoration: none; }
 a:visited {font-family: Arial; font-size: 16px; color: #0080FF; text-decoration: none; } 
 a:hover   {font-family: Arial; font-size: 16px; color: #0000FF; text-decoration: none; } 
 a:active  {font-family: Arial; font-size: 16px; color: #004000; text-decoration: none; } 
*/

 a:link       {text-decoration: none; }
 a:visited {text-decoration: none; } 
 a:hover    {text-decoration: none; } 
 a:active  {text-decoration: none; } 

 body {margin-top: 8px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; font-family: arial;
 font-size: 14px; color: #000000;}
 
 p {font-family: arial; font-size: 14px; color: #000000;}
 ul {font-family: arial; font-size: 14px; color: #000000;}

 


 div.main_frame {position:relative; 
 -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;  
  min-width:240px; max-width:780px;  margin: 8px auto 8px auto;
 padding:40px;  border:1px solid #8080C0; 
 -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
 -webkit-box-shadow: #C0C0C0 6px 6px 6px 6px; -moz-box-shadow: #C0C0C0 6px 6px 6px 6px; box-shadow: #C0C0C0 6px 6px 6px 6px;}


@media (max-width: 500px) 
{
 div.main_frame {position:relative; top:0px; left:0px; min-width:240px; margin: 8px auto 8px auto;
-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;  
border:none; padding:0px;
 -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
}




 
div.header_frame,div.large_frame
 { position:relative;
 -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;  
  margin:  10px 10px 10px 10px;
  padding: 30px 20px 30px 20px;
  min-width: 180px;
  max-width: 780px; 

  padding: 10px 8px 10px 8px;
  
 -webkit-border-radius: 10px; -moz-border-radius: 10px; 
  border-radius: 10px; border:1px solid #8080C0; }

div.footer_frame
 { position:relative;
 margin: 10px auto 20px auto; 
 font-family: arial; font-size: 10px; color: #A5181B; font-weight: normal;
}
 
 h1{color:#A5181B; font-size: 20px; font-weight: bold;}
 h2{color:#A5181B; font-size: 16px; font-weight: bold;}

 
 
 table.config_table  {background:#FFFFFF; border:1px solid rgb(204,204,204);}
 table.name_sub_table {width:260px;}
 td.name_w {width:70px;}
 td.name_x {width:200px;}
 
img.resize {width:100%;}
 
div.inline_block_div {display:inline-block;}
div.col_row_spacer {display:block;}
   
 
@media (min-width: 500px) 
{
   div.col_1_of_2   {display:inline-block; width:300px;}
   div.col_2_of_2   {display:inline-block;}

   div.prev_sent_div {width:670px;}
   div.narrow_break {display:inline-block;}
   div.narrow_break_indent {display:inline-block;}
}


@media (min-width: 750px)
{ 
   div.personalized_header_div 
      {
     font-family: Comic Sans MS; font-size: 18px; color: #A5181B; font-weight: bold; font-style: italic;
     position:absolute; left:240px; top:10px; width:430px;
   }
   div.header_frame,div.large_frame {padding: 40px 40px 40px 40px}
}

@media (max-width: 749px)
{ 
   div.personalized_header_div
      {
      font-family: Comic Sans MS; font-size: 18px; color: #A5181B; font-weight: bold; font-style: italic;
      position:relative; max-width:300px;
   }
}
    

@media (min-width: 320px) and (max-width: 500px) 
{ 
   div.col_1_of_2   {display:block; position:relative; left:40px;}
   div.col_2_of_2   {display:block; position:relative; left:40px;}

   div.prev_sent_div {width:320px; border:1px solid #00FFFF; overflow:auto;}
   div.narrow_break {display:block;}
   div.narrow_break_indent {display:block; position:relative; left:40px;}
}
 
 
/*@media (min-width: 240px) and (max-width: 319px) */
@media  (max-width: 319px) 
{ 
   div.col_1_of_2   {display:block; position:relative; left:10px;}
   div.col_2_of_2   {display:block; position:relative; left:10px;}

   div.prev_sent_div {width:180px; border:1px solid #00FFFF; overflow:auto;}
   div.narrow_break {display:block;}
   div.narrow_break_indent {display:block; position:relative; left:10px;}
   
   td.name_w {width:55px;}
   table.name_sub_table {width:95%;}
   
   div.header_frame,div.large_frame ,div.main_frame 
      {
   padding: 10px 0px 10px 0px; 
   margin: 10px 0px 10px 0px;    border:none;
   -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
   -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
   }
}
  
 
 /*
 td.normal {background-color:#C0C0FF}
 td.selected {background-color:#00C040}
td.header_cell {background:#E6E6E6;}*/
td.header_cell {background:#FFFFB0}
 
  
div.table_box  {width: 100%; overflow-y: auto; margin: 0 0 1em;}
  
  
div.center_button {width:180px; height:50px; margin: 10px auto 20px auto;}

div.menu_div  {position:relative;  margin: 10px auto 20px auto;}


/*div.menu_div  {position:absolute; top:20px; left:230px;}*/

#menu a {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
background-color:#FFFFFF; -webkit-box-shadow: #C0C0C0 3px 3px 3px;
-moz-box-shadow: #C0C0C0 3px 3px 3px; box-shadow: #C0C0C0 3px 3px 3px;
font-family: Arial; font-size: 13px; color: #A5181B; text-decoration: none; display:inline-table;
width:130px; height:16px; margin:5px; border:1px solid #C0C0C0; padding:4px; text-align: center;}

#menu a:hover  {color: #A5181B; border:2px solid #A5181B; padding:3px;}
#menu a:active {color: #A5181B; border:2px solid #A5181B; padding:3px;}
#menu a.selected {color: #A5181B; border:2px solid #A5181B; padding:3px;}