body {
  background: #232323;
  color: #898a8e;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  padding:0;
  overflow-x: hidden;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  }

#wrap {
background: #d9d9d9;
max-width:480px;
margin: 0 auto;
}


h1 {
 margin:0px;
 padding: 15px 12px 11px 12px;
 font-size: 21px;
 font-weight: bold;
 color: #898a8e;
 }

h1.headline { font-size:24px; }
  
h2 {
 margin:0px;
 padding: 15px 12px 11px 12px;
 font-size: 20px;
 font-weight: bold;
 color: #898a8e;
 }

p {
 padding:0px 10px 0px 10px;
 margin: 8px 0px 8px 0px;
 }

a {
 font-weight:bold;
 color:#eeeeee;
 }

form { padding:0px 20px 0px 20px; }

form label { font-weight:bold; }

input { font-size: 20px; padding:4px; }

select { font-size: 20px; padding:4px; }

#nomobile { display:none; }

.wrapleft { float:left; padding: 5px 20px 10px 0px; }
.wrapright { float:right; padding: 5px 0px 10px 20px; }

.noborder { border:none; }
.logoimg { border:none; }

.mini {
  font-size:12px;
  font-weight:bold;
}

/*************************************/

#headerarea { background-color:#ffffff; }

#logobar {
  text-align:left;
  background-color:#ffffff;
  width:100%;
  overflow:hidden;
  }

.logonav {
 display:block;
 float:left;
 width:60px;
 margin: 0px;
 padding: 17px 0px 5px 0px;
 color:#ffffff;
 background:#cccccc;
 text-align:center;
 font-size:11px;
 -webkit-border-radius: 6px;
 }

a.logonav { color:#ffffff; text-decoration:none; } 

#tabnav {
  text-align:center;
  background-color:#ffffff;
  width:100%;
  height:30px;
  overflow:hidden;
  }

.tabnavtab {
 display:block;
 float:left;
 width:80px;
 margin: 0px 5px 0px 5px;
 padding: 8px 0px 18px 0px;
 color:#ffffff;
 background:#febf05;
 text-align:center;
 font-size:13px;
 -webkit-border-radius: 8px;
 }

.yellowback { background:#febf05; }
.greenback { background:#83c133; }
.tealback { background:#3b9b9f; }
.blueback { background:#88aad8; }
.grayback { background:#898a8e; }

a.tabnavtab { color:#ffffff; text-decoration:none; } 
/*************************************/

#quickbar {
  width:100%;
  height:6px;
  margin-bottom:12px;
  }
#quickbar2 {
  width:100%;
  height:6px;
  margin-bottom:0px;
  }
#graybox { background:#676767; 
color:#e0e0e0;
padding:10px 10px;
}
#graybox p,#graybox h1,#graybox h2,#graybox h3,#graybox h4 { color:#e0e0e0 !important; }

#homebar {
  width:100%;
  height:1px;
  background:#bdbdbd; 
  margin-bottom:12px;
  }
/*************************************/

#footerarea {
  background-color:#898a8e;
  }

#prefooter {
  text-align:center;
  font-size:20px;
  padding:16px 0 16px 0;
  color:#cccccc;
}

#prefooter a {
  color:#eeeeee;
  font-weight:inherit;
  text-decoration:none;
  }


#footer {
  text-align:center;
  font-size:14px;
  padding:0px 0 16px 0;
  color:#cccccc;
  }

#footer a {
  color:#eeeeee;
  font-weight:inherit;
  text-decoration:none;
  }
  
/*************************************/

.plist ul { list-style: none; padding:0; 
margin: 0 12px 0 0;
border: 1px solid #bdbdbd !important;
border-left:none;
}
.plist li {
    position: relative;
    margin: 0;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 0px 8px 18px;
    color:#676767;
    font-size: 18px;
    font-weight: bold;
    list-style: none;
}
.plist li:last-child {
   border-bottom: none !important;
}

.plist a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color:#676767;
    background: url(/commonart/listArrow.png) no-repeat right center;
}
.plist small {
  display:block;
  font-size:10pt;
  font-weight:normal;
  color:#676767 !important;
  }
.plistmore {
  text-align:right; 
  font-size:13px !important;;
  font-weight:normal !important;
  font-style:italic !important;;   
  color:#676767 !important;
  } 


/*************************************/

.clist ul { list-style: none; padding:0; 
margin: 0 12px 0 0;
border: 1px solid #bdbdbd !important;
border-left:none;
}
.clist li {
    position: relative;
    margin:0;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 0px 8px 18px;
    color:#d85d0c;
    font-size: 18px;
    font-weight: bold;
    list-style: none;
}
.clist li:last-child {
   border-bottom: none !important;
}

.clist a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color:#d85d0c;
    background: url(/commonart/listArrow.png) no-repeat right center;
}
.clist small {
  display:block;
  font-size:10pt;
  font-weight:normal;
  color:#d85d0c !important;
  }
.clistmore {
  text-align:right; 
  font-size:13px !important;;
  font-weight:normal !important;
  font-style:italic !important;;   
  color:#676767 !important;
  } 

/*************************************/

.prlist ul { list-style: none; padding:0; 
margin: 0 12px 0 0;
border: 1px solid #bdbdbd !important;
border-left:none;
}
.prlist li {
    position: relative;
    margin:0;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 0px 8px 18px;
    color:#83c133;
    font-size: 18px;
    font-weight: bold;
    list-style: none;
}
.prlist li:last-child {
   border-bottom: none !important;
}

.prlist a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color:#83c133;
    background: url(/commonart/listArrow.png) no-repeat right center;
}
.prlist small {
  display:block;
  font-size:10pt;
  font-weight:normal;
  color:#83c133 !important;
  }
.prlistmore {
  text-align:right; 
  font-size:13px !important;;
  font-weight:normal !important;
  font-style:italic !important;;   
  color:#676767 !important;
  } 

/*************************************/
  
.elist ul { list-style: none; padding:0; 
margin: 0 12px 0 0;
border: 1px solid #bdbdbd !important;
border-left:none;
}

.elist li {
    position: relative;
    margin: 0;
    background: #ffffff;
    border-bottom: 1px solid #E0E0E0;
    padding: 6px 0px 6px 18px;
    color:#3b9b9f;
    font-size: 16px;
    font-weight: normal;
    list-style: none;
}
.elist li:last-child {
   border-bottom: none !important;
}
.elist a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color:#3b9b9f;
    font-weight:inherit;
    background: url(/commonart/listArrow.png) no-repeat right center;
}
.elistmore {
  text-align:right; 
  font-size:13px !important;;
  font-weight:normal !important;
  font-style:italic !important;;   
  color:#676767 !important;
  }

/*************************************/
  
.eplist ul { list-style: none; margin:0; padding:0; }

.eplist li {
    position: relative;
    margin: 0;
    background: #ffffff;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #aaaaaa;
    padding: 10px 0px 10px 18px;
    color:#f67c2e;
    font-size: 18px;
    font-weight: normal;
    list-style: none;
}
.eplist li:last-child {
   border-bottom: 1px solid #999999 !important;
}
.eplist a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color:#f67c2e;
    font-weight:inherit;
    background: url(/commonart/listArrow.png) no-repeat right center;
}
.eplistmore {
  text-align:right; 
  font-size:13px !important;;
  font-weight:normal !important;
  font-style:italic !important;;   
  color:#676767 !important;
  }
  
  
/*************************************/

fieldset {
 position:relative;
 margin: 10px 10px 10px 10px;
 padding:0;
 background:#ffffff;
 color:#808080;
 -webkit-border-radius: 10px;
 border: 1px solid #999999;
 text-align:left;
 font-size:15px;
 }

.row {
  position:relative;
  border-bottom: 1px solid #999999;
  -webkit-border-radius:0;
  text-align:center;
  padding:4px 0 4px 0;
}
.row:last-child {
  border-bottom:none !important;
}
.row > a {
  display: block;
  padding: 4px 0px 4px 0px;
  text-decoration: none;
  font-weight:bold;
  color:#808080;
  } 


/*************************************/
  
#gotop {
  padding:18px;
  margin:0;
   background-color:#4e4e4e;
  }
#gotop h1, #gotop h2 { 
  margin: 4px 0 5px 0 !important;
  padding:0;
  }
 
#godetail {
  background-color:#4e4e4e;
  padding:18px;
  margin-bottom:18px;
  color:#ffffff;
  }
#godetail h3 {
 padding:0px;
 margin: 8px 0px 8px 0px;
 font-size: 18px;
 font-weight: bold;
 color: #efefef;
 }  
#godetail a {
 color: #cccccc;
 text-decoration:none;
 }  
#godetail h4 {
 padding:0px;
 margin: 8px 0px 8px 0px;
 font-size: 18px;
 font-weight: bold;
 color: #444444;
 }  
#godetail p {
 padding:0px;
 margin: 16px 0px 8px 0px;
 color:#ffffff;
 } 
 

.goactions ul {
  list-style: none;
  padding:0;
  margin:0;
  }

.goactions li {
    position: relative;
    margin: 0;
    background: #ffffff;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #aaaaaa;
    padding: 10px 18px 10px 18px;
    color:#454545;
    font-size: 18px;
    font-weight: bold;
    list-style: none;
}

.goactions li:last-child {
   border-bottom: 1px solid #999999 !important;
}

.goactions a {
    display: block;
    text-align:center;
    text-decoration: none;
    color:#454545;
}

/*************************************/
  
#gotop {
  padding:18px;
  margin:0;
   background-color:#3b9b9f;
  }
#gotop h1, #gotop h2 { 
  margin: 4px 0 5px 0 !important;
  padding:0;
  }
 
#dodetail {
  background-color:#3b9b9f;
  padding:18px;
  color:#ffffff;
  }
#dodetail h3 {
 padding:0px;
 margin: 8px 0px 8px 0px;
 font-size: 18px;
 font-weight: bold;
 color: #efefef;
 }  
#dodetail a {
 color: #cccccc;
 text-decoration:none;
 }  
#dodetail h4 {
 padding:0px;
 margin: 8px 0px 8px 0px;
 font-size: 18px;
 font-weight: bold;
 color: #444444;
 }  
#dodetail p {
 padding:0px;
 margin: 16px 0px 8px 0px;
 color:#ffffff;
 } 

/************************************************************************************************/

#calcontainer {
 background-color:#777777;
 -webkit-border-radius: 10px;
 width:300px;
 margin:5px;
 padding:5px;
 text-align:center;
 }

#calendarboxtitle {
  width:300px;
  height:25px;
  text-align:center;
  }

#calendarboxtitle a {
  font-size:100%;
  text-decoration:none;
  }

#calendarbox td {
  background: #ababab;
  width:40px;
  height:30px;
  padding:0;
  margin:0px;
  text-align:center;
  }

#calendarbox td.active {
  background: #cdcdcd;
  width:40px;
  height:30px;
  padding:0;
  margin:0px;
  text-align:center;
  }



#calendarbox a {
  display:block;
  color:#444444;
  text-decoration:none;
  font-weight:bold;
  font-size:90%;
  padding: 6px 6px 6px 6px;
  }