@import(ratecard.css);

body {
  background-color:#eee;
  color:#000;
  text-align:center;
  padding: 10px 0 10px 0;
  margin: 27px 0 27px 0;
  font-family: Arial, Helvetica, sans-serif;
}
form { padding:0; margin:0; }
table, tr, td {
  padding:0;
  margin:0;
  text-align:left;
  vertical-align:top;
  font-family: Arial, Helvetica, sans-serif;
}
img { border: none; }
a { color:#666; }
a:hover, a:focus { text-decoration:none; }
.lmenus:hover { cursor:pointer; cursor:hand; }
#page { text-align:center; background:#fff; }
#content { width:785px; margin:20px 0 0; /*border-left:1px solid #ACACAC; border-right:1px solid #ACACAC;*/ }

#magzlink a, #magzlink img { cursor:pointer; }
.preview {
  font-size: 10px;
  padding:5px;
  vertical-align:top;
  color: #000;
}
.preview a { text-decoration: none; color: #000; }
.preview a:hover{ text-decoration: underline; }
.previewTitle {
  font-weight: bold;
  font-size: 14px;
  color: #666;
  text-align:left;
}
.previewTitle a{
  text-decoration: none;
  color: #666;
  text-align:left;
  font-size: 14px;
}
.previewTitle a:hover { text-decoration: underline; }
.previewDate {
  width:100%;
  padding:0;
  font-size: 11px; 
  color: #666;
}
a img.news { border:2px solid #fff; horizontal-align:left; }
a:hover img.news { border:2px solid #666; horizontal-align:left; }
.newsTitle{
  color:#666;
  font-size:16px;
  font-weight:bold;
  padding:10px 10px 0 10px;
  text-align:left;
}
.newsDate {
  border-bottom:1px dashed #ECECEC;
  width:100%;
  padding:5px 10px 0 10px;
  font-size: 11px; 
}
.newsContent {
  padding:15px 10px 50px 10px;
  font-size:12px;
  text-align:left;
}
.newsPreviewPic { padding: 10px 10px 0 10px; }
.newsPreviewTitle {
  padding: 10px 0 0 0;
  vertical-align:top;
  width:100%;
  color:#666;
  font-size:12px;
  font-weight:bold;
  text-align:left;
}
.newsPreviewContent {
  padding: 0 10px 0 0;
  vertical-align:top;
  text-align:left;
  font-size:11px;
}
.newsPreviewlink {
  padding: 0 10px 0 0;
  vertical-align:bottom;
  text-align:right;
  border-bottom:1px dashed #ECECEC;
}
.style6 { font-size: 11px; }
.style9 { }
.style10 { font-size: 11px; }
.style1 { font-size: 10px; padding:5px; vertical-align:top; }
.style7 {
  font-weight: bold;
  font-size: 11px;
  padding:5px;
  vertical-align:top;
}
.style8 { color: #666666; text-align:right; }
.style3 { font-weight: bold; font-size: 14; }
.style5 { font-size: 16px; color: #666; }
.outNow{
  text-align:left;
  padding:5px 5px 5px 5px;
  color:#666;
  font-size: 12px;
  font-weight:bold;
}
.outNow a{
  text-align:left;
  Text-Decoration: none;
  color:#666;
}
.outNow a:hover { text-align:left; text-decoration:underline; color:#666; }
.DashBottom { text-align:left; border-bottom:1px dotted #666; }
.fontNormal { font-weight:normal; }
.onEdition{ font-weight:bold; font-size: 40px; }
.onDate { font-size:35px; }
.onContent { margin:0; padding:0; text-align:left; }
/*.onContent li{
  padding: 0;
  list-style-position: inside;
  font-weight:bold;
  font-size: 12px;
  color:#FF6630;
  text-align:left;
}*/
ul.onContent{
  margin: 0 0 10px 0;
  padding: 0;
  text-align:left;
}
ul.onContent li {
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
  /*margin: 0;
  padding: 0;*/
  display: list-item;
  list-style: none;
  list-style-image: url(../images/foo.gif); /* because IE is balls */
  background: url(../images/ulli.gif) no-repeat 0px 7px;
  text-align:left;
}
.onsHeader {
  font-size:24px;
  font-weight:bold;
  padding:0 10px 0 10px;
}
.onsCover { padding:25px 10px 0 10px; }
.onsContTil {
  padding:15px 10px 0 25px;
	background:url(http://www.mediasatu.com/images/pdf.gif) no-repeat 0 15px;
  font-size:12px;
  font-weight:bold;
	line-height:20px;
  color:#01B400;
}
.onsCont {
  padding:0 10px 10px 10px;
  font-size:10px;
}
.mag { padding:15px 10px 0 10px; }
.magCover { float:left; margin:12px 15px 15px 0; /*padding:3px; border:2px solid #01BE00;*/ }
.magTitle {
  font-size:24px;
  font-weight: bold;
  padding:25px 10px 0 10px;
}
.magDesc {
  padding:10px 10px 0 10px;
  font-size:12px;
  text-align:left;
}
.magDescDetail{
  font-size:12px;
  text-align:left;
  color:#666;
}
.madDetail {
  font-size:12px;
  padding:5px 10px 0 0;
  text-align:left;
}
.madDetail a { text-decoration:underline; }
.madDetail a:hover { text-decoration:none; color:#666; }
.madDetailCap {
  padding:5px 10px 0 0;
  font-size:12px;
  color:#01B400;
  font-weight:bold;
  text-align:left;
}
.footer {
  font-size: 12px;
  font-weight:bold;
	padding-top:15px;
}
.footer p { margin:0; padding:0; text-align:center; }

/* CONTACT PAGE */
.contact { text-decoration:none; color:#000; }
.contact a { text-decoration:none; color:#000; }
.contact a:hover { text-decoration:underline; color:#666; }