/* CSS Document - DAILY 10 Online */

html { min-height: 101%; margin-bottom: 1px; }

body{
margin: 0px;
padding: 0px;
/*font-family: "Comic Sans MS";*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a, input{
outline:none;
}

p{
line-height:1.4em;
font-size: 13px;
padding:0px 15px 0px 15px;
margin:0px 0px 20px 0px;
} 

.brdr{
border:solid;
border-width:1px;
border-color:#999999;
}


#underline{
text-decoration:underline;
}

/*regular text link*/
.nicelink{
text-decoration: underline;
color: #333333;
}
.nicelink:hover{
text-decoration: none;
}
.pubHome{
	color:#000000;
	text-decoration: none;
}
/*h1{
font-size: 45px;
}*/
h1{
	/*font-size:30px;
	color:#0676ba;
	margin:0px;
	padding:0px;
	line-height:normal;
	font-weight:normal;*/
	
	font-size: 28px;
	color: #437901;
	margin: 5px 0;
	width: 600px;
	float: left;
}
.dictionaryTitle h1{
	width: 300px;
}

h2{
font-size: 20px;
}

h5{
font-size: 18px;
}
/*custom editor styles*/
.redWord{background-color: #e22f44; padding: 0 3px; color: #fff; text-decoration: none;}
.yellowWord{background-color: #efd700; padding: 0 3px;}
.imgFloatRight{
float: right;
padding: 5px 0 5px 5px;
}
.imgFloatLeft{
float: left;
padding: 5px 8px 5px 0;
}
.sounds{
font-size: 16px;
}
/*end custom editor styles*/

.border_preview{
border: solid 5px #E01B22;
}

/*login page*/
#loginContent{
width:950px;
margin:20px auto;
padding:0px;
float:left;
min-height:400px;
height:auto !important;
height:400px;
}
#loginContent td{
padding: 0;
margin: 0;
font-size: 11px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
}
.loginLeft{
float: left;
width: 219px;
}
.loginCenter{
float: left;
/*width: 416px;*/
width: 440px;
}
.loginRight{
float: left;
width: 272px;
padding-top: 300px;
text-align: right;
}

.loginInput{
width: 416px;
height: 35px;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
/*end login page*/
#holder{
width:930px;
margin:0px auto;
padding:0px;
outline:none;
border:none;
}

#header{
	float: left;
	width: 930px;
	height: 149px;
}
#headerImg{
	float: left;
	height: 118px;
	margin: 0;
	padding: 0;
}
#topmenu{
	width: 927px;
	height:31px;
	margin:0px;
	float:left;
	background-color: #447900;
	padding: 0 0 0 3px;
}

.topMenu a:hover{
	text-decoration: none;
}
.topMenu-home, .topMenu-stories, .topMenu-graphics, .topMenu-miy, .topMenu-dictionary, .topMenu-comics, .topMenu-contact, .topMenu-logout, .topMenu-homeDn, .topMenu-storiesDn, .topMenu-graphicsDn, .topMenu-miyDn, .topMenu-dictionaryDn, .topMenu-comicsDn, .topMenu-contactDn{
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	text-decoration:none;
	margin: 0 3px 0 0;
}
.topMenu-homeDn, .topMenu-storiesDn, .topMenu-graphicsDn, .topMenu-miyDn, .topMenu-dictionaryDn, .topMenu-comicsDn, .topMenu-contactDn{
	background-position:0 -62px;
}
.topMenu-home:hover, .topMenu-stories:hover, .topMenu-graphics:hover, .topMenu-miy:hover, .topMenu-dictionary:hover, .topMenu-comics:hover, .topMenu-contact:hover, .topMenu-logout:hover{
	background-position:0 -31px;
}
.topMenu-home, .topMenu-homeDn{
	background-image: url(../images/online/menu-home.jpg);
	width: 84px;
}
.topMenu-stories, .topMenu-storiesDn{
	background-image: url(../images/online/menu-stories.jpg);
	width: 127px;
}
.topMenu-graphics, .topMenu-graphicsDn{
	background-image: url(../images/online/menu-graphics.jpg);
	width: 104px;
}
.topMenu-miy, .topMenu-miyDn{
	background-image: url(../images/online/menu-miy.jpg);
	width: 162px;
}
.topMenu-dictionary, .topMenu-dictionaryDn{
	background-image: url(../images/online/menu-dictionary.jpg);
	width: 118px;
}
.topMenu-comics, .topMenu-comicsDn{
	background-image: url(../images/online/menu-comics.jpg);
	width: 94px;
}
.topMenu-contact, .topMenu-contactDn{
	background-image: url(../images/online/menu-contact.jpg);
	width: 119px;
}
.topMenu-logout, .topMenu-logoutDn{
	background-image: url(../images/online/menu-logout.jpg);
	width: 94px;
}


.viewPaper{
	width: 161px; 
	height: 24px;
	background-image: url(../images/corp/btn-viewPaper.jpg);
	display: block;
	text-decoration: none;
}
.viewPaper:hover{
	background-position: 0 -24px;
}
.msgSubmit{
	width: 81px; 
	height: 24px;
	background: transparent url(../images/corp/btn-send2.gif) no-repeat;
	display: block;
	text-decoration: none;
	border: none;
	cursor: pointer;
}
.msgSubmit:hover{
	background-position: 0 -24px;
}
/*-----------Content Area--------------*/
#content{
width:930px;
margin:20px auto;
padding:0px;
float:left;
min-height:400px;
height:auto !important;
height:400px;
}

/*---------LOGIN Content----------*/
#log_content{
width:950px;
height:400px;
margin:0px auto;
padding:40px 0px 0px 0px;
float:left;
}

#log_lCol{
padding:0px;
margin:20px 0px 0px 50px;
padding:30px 0px 0px 0px;
width:200px;
height:320px;
float:left;
}

#log_cCol{
padding:0px;
margin:20px 0px 0px 0px;
width:450px;
height:350px;
font-family:Lucida Grande;
font-size:10px;
color:#666666;
float:left;
}

#log_rCol{
padding:110px 0px 0px 0px;
margin:20px 0px 0px 0px;
height:240px;
float:left;
}

.test{
padding:0px;
margin:0px;
text-decoration:none;
color:#666666;
}

.test tr{
padding:0px;
}
/*archive page*/
.archives{
	float: left;
	width: 930px;
}
.archiveRow{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.archiveIssue{
	float: left;
	width: 430px;
	margin: 0 15px 0 0;
	background-color: #e8f3ae;
	padding: 10px;
	text-decoration: none;
	color: #000000;
	cursor: pointer;

}
.archiveIssue:hover{
	background-color: #d6e77d;	
}

.archiveIssue ul{
margin: 5px 0 0 0;
padding: 0 0 0 30px;
}
.archiveIssue li{
padding: 3px 0;
}
.issueImage{
	float: left; 
	width: 120px;
}
.issueDetails2{
	float: left;
	width: 295px;
	margin: 0 0 0 15px;
}
.issueNo{
float: left;
font-size: 18px;
width: 100%;
}


.issueDate{
float: left;
width: 100%;
}
.issueArticles{
float: left;
width: 100%;
margin: 10px 0 0 0;
}

/* navigation */
.navigation{
float: left;
margin: 10px 0;
}
.pages{
float: left;
height: 32px;
font-size: 15px;
line-height: 32px;
vertical-align: middle;
color: #879c17;
font-family: Arial, Helvetica, sans-serif;
padding: 0 15px;

}

.prevlnk, .nextlnk, .prevlnk-dn, .nextlnk-dn{
float: left;
width: 35px;
height: 35px;
background-repeat: no-repeat;
text-decoration: none;
}
.prevlnk{background-image: url(../images/online/btn-prev.jpg); }
.nextlnk{background-image: url(../images/online/btn-next.jpg); }

.prevlnk-dn{background-image: url(../images/online/btn-prevdn.jpg);}
.nextlnk-dn{background-image: url(../images/online/btn-nextdn.jpg);}

/*graphics archive*/
.graphicsSearch{
	float: right;
	width: 330px;
	margin: 10px 0 0 0;
}
.grTerms{
	float: left;
	width: 150px;
	border: solid 1px #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	margin: 2px 5px 0 0;
}
.grSearch, .grReset{
	height: 24px;
	border: none;
	float: left;	
	margin: 0 0 0 5px;
	cursor: pointer;
}
.grSearch{
	background: transparent url(../images/online/btn-search.jpg) no-repeat;
	width: 72px;
}
.grReset{
	background: transparent url(../images/online/btn-showAll.jpg) no-repeat;
	width: 84px;
}
.grSearch:hover, .grReset:hover{
	background-position: 0 -24px;
}
/*used manage issues*/
.filter{
float: left;
width: 100%;
margin: 0 0 25px 0;
}
.filterlink, .filterlinkdn{
color: #000000;
margin: 0 5px 0 0;
}
.filterlink{text-decoration: none;}
.filterlink:hover, .filterlinkdn{text-decoration: underline;}

/*--------Left Column - Article--------*/
.Articles{
width:600px;
float:left;
margin: 0 10px 0 0;
}

.Article{
float: left;
/*color:#373737;*/
margin:0 0 30px 0;
width:600px;
}
.Article table{
	float: left;
}
.black, .black a{
	color: #000000;
}
.white, .white a{
	color: #ffffff;
}
.ArticleTitle{
width:580px;
height:34px;
line-height: 34px;
vertical-align: middle;

font-size: 20px;
font-style:normal;
font-weight:normal;
padding: 0 0 0 20px;
margin:0px 0px 20px 0px;
outline:none;
float: left;
color: #FFFFFF;
}
.ArticleTitleSub{
width:540px;
float: left;
}
.ArticleSound{
width:40px;
float: left;
}
/*--------Right Column - Cover/Widgets--------*/
#rCol{
width:310px;
float:left;
padding:0;
margin: 0 0 0 10px;

}
.issueDetails{
	float: left;
	width: 310px;
}
.issueDetailsText{
	padding: 0 0 0 17px;
}
#coverhldr{
width:120px;
float:left;
margin:0 0 30px 0;
}

#cover{
width:120px;
margin:0px 0px 10px 0px;
float:left;
}

#date{
width:180px;
float:left;
}

#issue{
width:110px;
float:right;
text-align:right;
}

#issuePDF{
width:310px;
margin:15px 0px 5px 0px;
float:left;
}

/*--------Widgets--------*/
.Widget, .Lexicon, .WorldMap, .WidgetPrev, .LexiconPrev, .WorldMapPrev {
width:310px;
float:left;
/*padding: 15px 0 0 0;*/
padding: 0;
overflow: hidden;
}
.Widget, .Lexicon, .WorldMap {margin:0 0 5px 0;}
.WidgetPrev, .LexiconPrev, .WorldMapPrev{margin: 0 0 30px 0;}

.WidgetTitle, .LexiconTitle, .WorldMapTitle{
font-size: 26px;
font-style:normal;
font-weight:normal;
width:280px;
color:#FFFFFF;
/*padding:0 15px 0 15px;
margin:0 0 20px 0;
_margin:0 0 10px 0;*/
padding:0 15px;
margin:0 0 20px 0;
_margin:0 0 10px 0;
float: left;
}
.LexiconTitle a{
color:#FFFFFF;
text-decoration: none;
}
.WidgetTitleSub{
width:240px;
float: left;
}
.WidgetSound{
width:40px;
float: left;
}
.LexiconTitle, .WorldMapTitle{text-transform: uppercase;}

.lexiconItem{
width: 280px;
float: left;
margin: 0 0 20px 15px;
_margin: 0 0 20px 7px;
}
.word{
text-decoration: underline;
}

.worldMapImg{
text-align: center;
padding-bottom: 7px;
}


#widget-reorder, #article-reorder {
list-style-type: none;
margin: 0px;
padding: 0px;
float: left;
}
/*------------DEMO PAGE --------------*/
.demoSubscribe, .demoSubscribe2{
float: left;
width: 100%;
margin: 5px 0;
height: 95px;
background-image: url(../images/online/demo-repeater.jpg);
background-repeat: repeat-x;
}
.demoSubscribe{background-position:bottom;}
.demoSubscribe2{
background-position:top;
padding-top: 25px;
}

.demoText{
font-size: 20px;
width: 200px;
float: right;
line-height: 70px;
vertical-align: middle;
}
.backToCorp{
	float: left;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	line-height: 70px;
	vertical-align: middle;
	margin-left: 20px;	
}
.backToCorp:hover{
	text-decoration: underline;
}

.subscribeLnk{float: right; margin-right: 30px;}

/*------------FAILED LOGIN--------------*/
.failedLogin{
width: 600px;
margin: 100px auto;
padding: 30px;
border: solid 3px #4f73ad;
text-align: center;
}

/*------------FOOTER-------------*/
#footer{
width:930px;
/*height:100px;
background-image:url(../images/online/repeater.jpg);*/
margin: 0 auto;
}

#footcont{
float: left;
/*height:40px;
width:970px;*/
width:920px;
/*background-image:url(../images/online/footer_img.jpg);
background-repeat:no-repeat;*/
/*padding:60px 0px 0px 90px;*/
font-size:10px;
font-family:Arial;
background-color: #eeeeee;
padding:30px 10px 30px 0;
text-align: right;
margin: 0 0 50px 0;
}
.termsLink{
	color: #000;
	text-decoration: none;
}
.termsLink:hover{text-decoration:underline}

/* new login for online*/
.onlineLogin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	padding: 40px 0 5px 0;
	float: left;
}
.pub7{color:#3c95d1;}
.pub10{color:#78832b;}

/*new styles*/
.slideshow{
	float: left;
	padding: 15px;
}
.msgForm{
	float: left;
	width: 310px;
	padding: 0 0 0 10px;
}
.articleBoxBottom{
	float: left;
	margin: -30px 0 30px 0;
	width: 600px;
}
.articleBoxTop, .widgetBoxTop{
	margin: 0;
	padding: 0;
}
.widgetBoxBottom, .widgetBoxBottomPrev, .worldMapBoxBottomPrev, .lexiconBoxBottom, .lexiconBoxBottomPrev{
	float: left;	
	width: 310px;	
}
.widgetBoxBottom, .lexiconBoxBottom{	
	margin: -5px 0 5px 0;
}
.widgetBoxBottomPrev, .worldMapBoxBottomPrev, .lexiconBoxBottomPrev{
	margin: -30px 0 30px 0;
}
.videoCaption{
	display: block;
	text-align: center;
	margin: 10px 0 0 0;
}
/*comic archives*/
.comicMain{
	float: left;
	width: 600px;
}
.comicTitle{
	float: left;
	height: 45px;
}
.comicTitle p{
	padding: 0;
}
.comicThumbGrid{
	float: left;
	width: 330px;
	margin: 45px 0 0 0;
}
.comicThumb{
	width: 100px;
	height: 100px;
	margin: 0 0 10px 10px;
	overflow: hidden;
	float: left;
}

/*miy archive*/
.graphicsTitle{
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}
.miy{
	float: left;
	width: 910px;
	margin: 0 0 20px 0;
	background-color: #e8f3ae;
	padding: 10px;
	cursor: pointer;
	color: #000000;
	text-decoration: none;
}
.miy img{
	border: none;
}
.miy:hover{
	background-color: #d6e77d;
}
h3.archiveTitle{
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0;
}
.miy p{
	font-size: 13px;
	padding: 0;
}
/*dictionary*/
.dictionary-filter{
float: right;
width: 600px;
margin: 0 0 25px 0;
}
.d-filterlink, .d-filterlinkdn, .d-filterlink2{
color: #437901;
margin: 0 5px 0 0;
font-size: 25px;
text-decoration: none;
}
.d-filterlink:hover, .d-filterlinkdn{color: #000000;}
.d-filterlinkdn{font-weight:bold;}

.dictionary{
	float: left;
	background-color: #e8f3ae;
	padding: 10px;
	width: 910px;
	height:auto !important;
	min-height:320px;
}

.oth-table{margin-bottom: 10px; float: left;}
.tab-col-head{
	padding: 7px;
	border-bottom: solid 1px #fff;
	font-size: 18px;
}
.tab-col, .tab-col-word, .tab-col-def{
	border-bottom: solid 1px #fff;
	padding: 7px;
}
.tab-col-word{
	font-size: 14px;
	font-weight: bold;
}
.tab-col-def{
	font-size: 13px;
}


.archiveBtn{
	float: right;
	background-image: url(../images/online/btn-archive.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 161px;
	height: 24px;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	vertical-align: middle;
	margin-top: 18px;
}
.enlargeBtn{
	float: left;
	margin-top: 10px;
}