@charset "utf-8";
/* =============================================== */
/** Common Style */
/* ----------------------------------------------- */
.spacer{
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}
.addPersonalHeaderBtn{
text-indent: -9999px;
overflow: hidden;
}
.addPersonalHeaderBtn a,
.addPersonalHeaderBtn a:link{
width: 14px;
height: 14px;
background: url(../images/icon_addpersonal.gif) top left no-repeat;
display: block;
}
.addRss a,
.addRss a:link,
.addRss a:visited,
.addRss a:hover,
.addRss a:active{
width: 16px;
height: 16px;
background: url(../images/icon_rss_16px.gif) top left no-repeat;
text-indent: -9999px;
display: block;
}
/*----------Paragraph-----------*/
.articleParagraph{
margin: 0 0 15px 0;
}
/*----------More-----------*/
.moreArticle {
text-indent: -9999px;
}
.moreArticle a,
.moreArticle a:link{
height: 14px;
width: 14px;
background: url(../images/icon_morearticle.gif) top left no-repeat;
display: block;
}
.more {
text-indent: -9999px;
}
.more a,
.more a:link{
height: 14px;
width: 14px;
background: url(../images/icon_more.gif) top left no-repeat;
display: block;
}
.previousLarge a,
.previousLarge a:link,
.previousLarge a:visited{
height: 18px;
width: 18px;
text-indent: -9999px;
display: block;
}
.nextLarge a,
.nextLarge a:link,
.nextLarge a:visited{
height: 18px;
width: 18px;
text-indent: -9999px;
display: block;
}
.timer{
font-size: 9px;
}
.emailtoWriter{
}
.inputTextArea,.inputTextField,.inputPullDown{
color: #333;
border: 1px solid #CCC;
}
.inputPullDown optgroup label{
background: #33CCCC;
}
.inputButton{
font-size: 11px;
color: #999;
background: #f5f5f5;
border: 1px solid #dadada;
margin: 0 0 0 5px;
}
.photoEnlarge{
}
.datePicker a{
height: 16px;
width: 16px;
background: url(../images/icon_datepicker_16px.gif) top left no-repeat;
text-indent: -9999px;
}
/*-----------Flash Photo Click Treatment------*/
.articlePhotoContainer{
margin: 0 auto;
position: relative;
}
.articlePhotoContainerSpacer{
position:absolute;
top: 0; 
left: 0;
cursor: pointer; 
cursor: hand;
}
/*-----------Flash Photo Click Treatment------*/
/*Sorting*/
.sortRating{
/*background: url(../images/icon_sortrate.gif) top left no-repeat;*/
}
.sortDate{
/*background: url(../images/icon_sortdate.gif) top left no-repeat;*/
}
/*List*/
/*List with more icon*/
.rankA1{
background: url(../images/icon_list_a_1.gif) top left no-repeat;
}
.rankA2{
background: url(../images/icon_list_a_2.gif) top left no-repeat;
}
.rankA3{
background: url(../images/icon_list_a_3.gif) top left no-repeat;
}
.rankA3{
background: url(../images/icon_list_a_3.gif) top left no-repeat;
}
.rankA4{
background: url(../images/icon_list_a_4.gif) top left no-repeat;
}
.rankA5{
background: url(../images/icon_list_a_5.gif) top left no-repeat;
}
.rankA6{
background: url(../images/icon_list_a_6.gif) top left no-repeat;
}
.rankA7{
background: url(../images/icon_list_a_7.gif) top left no-repeat;
}
.rankA8{
background: url(../images/icon_list_a_8.gif) top left no-repeat;
}
.rankA9{
background: url(../images/icon_list_a_9.gif) top left no-repeat;
}
.rankA10{
background: url(../images/icon_list_a_10.gif) top left no-repeat;
}
/*List Style: Number only*/
.rankB1{
background: url(../images/icon_list_b_1.gif) top left no-repeat;
}
.rankB2{
background: url(../images/icon_list_b_2.gif) top left no-repeat;
}
.rankB3{
background: url(../images/icon_list_b_3.gif) top left no-repeat;
}
.rankB4{
background: url(../images/icon_list_b_4.gif) top left no-repeat;
}
.rankB5{
background: url(../images/icon_list_b_5.gif) top left no-repeat;
}
.rankB6{
background: url(../images/icon_list_b_6.gif) top left no-repeat;
}
.rankB7{
background: url(../images/icon_list_b_7.gif) top left no-repeat;
}
.rankB8{
background: url(../images/icon_list_b_8.gif) top left no-repeat;
}
.rankB9{
background: url(../images/icon_list_b_9.gif) top left no-repeat;
}
.rankB10{
background: url(../images/icon_list_b_10.gif) top left no-repeat;
}
/*FontSize Selection*/
.fontsize1{
text-indent: -9999px;
}
.fontsize1on{
height: 12px;
width: 12px;
background: url(../images/icon_font_1_on.gif) top left no-repeat;
display: block;
text-indent: -9999px;
}
.fontsize1 a,
.fontsize1 a:link{
height: 12px;
width: 12px;
background: url(../images/icon_font_1.gif) top left no-repeat;
display: block;
}
.fontsize1 a:hover{
background: url(../images/icon_font_1_on.gif) top left no-repeat;
}
.fontsize2{
text-indent: -9999px;
}
.fontsize2on{
height: 14px;
width: 14px;
background: url(../images/icon_font_2_on.gif) top left no-repeat;
display: block;
text-indent: -9999px;
}
.fontsize2 a,
.fontsize2 a:link{
height: 14px;
width: 14px;
background: url(../images/icon_font_2.gif) top left no-repeat;
display: block;
}
.fontsize2 a:hover{
background: url(../images/icon_font_2_on.gif) top left no-repeat;
}
.fontsize3{
text-indent: -9999px;
}
.fontsize3on{
height: 16px;
width: 16px;
background: url(../images/icon_font_3_on.gif) top left no-repeat;
display: block;
text-indent: -9999px;
}
.fontsize3 a,
.fontsize3 a:link{
height: 16px;
width: 16px;
background: url(../images/icon_font_3.gif) top left no-repeat;
display: block;
}
.fontsize3 a:hover{
background: url(../images/icon_font_3_on.gif) top left no-repeat;
}
.fontsize4{
text-indent: -9999px;
}
.fontsize4on{
height: 18px;
width: 18px;
background: url(../images/icon_font_4_on.gif) top left no-repeat;
display: block;
text-indent: -9999px;
}
.fontsize4 a,
.fontsize4 a:link{
height: 18px;
width: 18px;
background: url(../images/icon_font_4.gif) top left no-repeat;
display: block;
}
.fontsize4 a:hover{
background: url(../images/icon_font_4_on.gif) top left no-repeat;
}
/*----------Page Controller----------*/
#pageController{
margin: 10px 0;
float: right;
}
#pageController ol#pageNumber{
float: left;
}
#pageController ol#pageNumber li{
margin: 0 5px;
display: block;
float: left;
} 
#pageController ol#pageNumber li.ison{
color: #333;
font-weight: bold;
} 
#pageController ol#pageNumber li a,
#pageController ol#pageNumber li a:link,
#pageController ol#pageNumber li a:visited{
color: #999;
} 
#pageController fieldset#pageNumberSubmit{
text-align: center;
float: left;
}
#pageController form#pageNumberSubmit{
float: left;
}
#pageController form#pageNumberSubmit input#pageInput{
width: 25px;
}
#pageController ul#pageControllerFlip{
margin: 0 0 0 3px;
float: left;
}
#pageController ul#pageControllerFlip li{
width: 14px;
height: 14px;
display: block;
float: left;
text-indent: -9999px;
margin: 2px;
}
#pageController ul#pageControllerFlip li.pageFw a{
width: 14px;
height: 14px;
display: block;
background: url(../images/icon_pageflip_prv10.gif) top left no-repeat;
}
#pageController ul#pageControllerFlip li.pagePrevious a{
width: 14px;
height: 14px;
display: block;
background: url(../images/icon_pageflip_prv.gif)  top left no-repeat;
}
#pageController ul#pageControllerFlip li.pageNext a{
width: 14px;
height: 14px;
display: block;
background: url(../images/icon_pageflip_next.gif)  top left no-repeat;
}
#pageController ul#pageControllerFlip li.pageFf a{
width: 14px;
height: 14px;
display: block;
background: url(../images/icon_pageflip_next10.gif)  top left no-repeat;
}
/*---------Intro photo Button----------*/
#articleIntroPhotoController li.prv{
text-indent: -9999px;
}
#articleIntroPhotoController li.prv a,
#articleIntroPhotoController li.prv a:link,
#articleIntroPhotoController li.prv a:visited{
width: 14px;
height: 14px;
display: block;
background: url(../images/icon_pageflip_prv.gif) top left no-repeat;
}
#articleIntroPhotoController li.next{
text-indent: -9999px;
}
#articleIntroPhotoController li.next a,
#articleIntroPhotoController li.next a:link,
#articleIntroPhotoController li.next a:visited{
width: 14px;
height: 14px;
display: block;
background: url(../images/icon_pageflip_next.gif) top left no-repeat;
}
/*---Photo Box Alignment---*/
.photoBoxCenter{
/*width: 190px;*/
margin: 0 auto;
text-align: center;
cursor: hand;
cursor: pointer;
}
.photoBoxCenter a,
.photoBoxCenter a:link,
.photoBoxCenter a:visited{
cursor: hand;
cursor: pointer;
}
/*=========================*.*BlogCalendar=========================*/
#supCalendar {
width: 100%;
text-align: center;
}
#supCalendar caption{
height: 25px;
color: #FFF;
text-align: center;
line-height: 25px;
background: url(../images/blog_cal_date_bg.gif) top left repeat-x;
}
#supCalendar caption span.dateSelect{
}
#supCalendar caption{	
}
#supCalendar div.supDate{
text-align: center;
}
html>body #supCalendar  div.supDate div.today img{
vertical-align: middle;
}
#supCalendar caption a.prev{
width: 14px;
height: 14px;
margin: 5px 0 0 5px;
background: url(../images/icon_pageflip_prv.gif) top left no-repeat;
text-indent: -9999px;
display: block;
float: left;
}
#supCalendar caption a.next{
width: 14px;
height: 14px;
margin: 5px 0 0 0;
background: url(../images/icon_pageflip_next.gif) top left no-repeat;
text-indent: -9999px;
display: inline-block;
float: left;
}
#supCalendar th{
background: url(../images/blog_cal_week_bg.gif) top left repeat-x;
text-align: center;
}
#supCalendar td {
width: 30px;
height: 30px;
margin: 0 0 2px 0;
text-align: center;
line-height: 30px;
border-bottom: 2px solid #fff;
/*
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;*/
}
ul.calendarIndicator{
margin: 5px 5px 10px 0;
height: 12px;
display: block;
float:right;
}
ul.calendarIndicator li{
font-size: 11px;
line-height: 16px;
margin: 0 0 0 8px;
float: left;	
}
ul.calendarIndicator li img{
border: 1px solid #CCC;
vertical-align: text-bottom;
}
/*-Today-*/
#supCalendar td.today a, 
#supCalendar td.today a:link, 
#supCalendar td.today a:visited {
color: #FFF;
font-weight: bold;
background: url(../images/blog_cal_today_bg.gif) top left repeat;
text-align: center;
display: block;
}
#supCalendar td.today a:hover, 
#supCalendar td.today a:active{
background: url(../images/blog_cal_today_on_bg.gif) top left repeat;
}
/*-Select Date-*/
#supCalendar td a,
#supCalendar td a:link,
#supCalendar td a:visited{
color: #7d7362;
background: #f6f2ed;
line-height: 30px;
text-align: center;
display: block;
}
#supCalendar td a:hover,
#supCalendar td a:active{
background: url(../images/blog_cal_select_on_bg.gif) top left repeat;
}
/*=========================*.*RedirectingPage=========================*/
.redirectingPage{
width: 500px;
height: 300px;
background: #f2f2f2;
margin: 50px auto;
}
.redirectingPage p{
padding: 120px 0 0 0;
text-align: center;
}
.redirectingPage a,
.redirectingPage a:link,
.redirectingPage a:visited{
color: #333;
}
.redirectingPage a:hover,
.redirectingPage a:active{
color: #000;
}