﻿@charset "utf-8";

/*****************************************************************************************************************
Current Issue Section 
*****************************************************************************************************************/

#issue-content { padding:0px; margin:0px;}
#issue-content .issue-row { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; border-bottom:2px solid #e0e0e0; float:left; width:100%; }

.issue-name { margin:0px 0px 15px 0px; line-height:150%; background:#007b7e; display:inline-block; padding:3px 7px; text-transform:uppercase;}
.issue-name h2 { font-family:Arial;	font-size  :14px; font-weight: normal;	color: #fff;}	


ul.issue_list { padding:0px; margin:0px; float:left; width:100%;  }
ul.issue_list li { width: 45%; display: inline-block; vertical-align: top;
    margin:0% 2% 3% 0%; text-align:left;
    padding:5px 0px 0px 20px;
  
    list-style-type:none;  list-style-image:none;
    position:relative; 
    background: url(../images/bullet.gif) no-repeat top left;
    background-position: 0px 6px;
}
ul.issue_list li:hover {  }

.author-name { font-size  : 13px; color:#646464; font-style:italic;  font-weight:normal;}
.isuue-data { font-size  : 14px; color:#000; line-height:150%; font-weight:normal;}

h3 a:link, h3 a:visited, h3 a:active { font-size:15px; font-weight:bold; color:#1e1e1e; text-decoration: none;}
h3 a:hover { color:#007b7e;	text-decoration: underline;	}


.currentissuebox { background:#daf8f9; border:1px solid #bed6e1; padding:15px; display:block;}
.currentissuebox h2 {color:#007b7e; font-size:20px; font-family:Georgia; font-weight:normal; border-bottom:1px solid #333; min-height:30px; padding:0px; margin:0px 0px 20px 0px;  }

.currentissuebox .issue-img { text-align:center;  }
.currentissuebox .issue-img img { text-align:center; margin-bottom:10px;  }
.currentissuebox a  {font-size: 12px; color:#007174; line-height:130%; font-weight:normal; text-decoration:none;}
.currentissuebox a:hover { color:#000;  text-decoration:underline; }

.advt_banner { padding:0px; margin:0px;}
.advt_banner_right { text-align:center;}

.messegebox { background:#fff; border:1px solid #ccc; padding:15px; display:block; text-align:center;}
.messegebox h2 {color:#007b7e; font-size:20px; font-family:Georgia; font-weight:normal;  padding:0px; margin:0px 0px 10px 0px;  }
.messegebox h4 {color:#000; font-size:18px; font-family:Arial; font-weight:normal;  padding:0px; margin:0px 0px 10px 0px;  }

/*****************************************************************************************************************
Articles Section 
*****************************************************************************************************************/

.articles {display:table; width:100%; margin: 0px; padding:0px;}
.articles-text{display:table-cell; width:90%; padding: 0px 30px 0px 30px; vertical-align:top;   }
.articles-bt{display:table-cell; width:10%; padding: 0px; text-align:right}
.article-data p {font-family:Arial; font-size: 14px; color:#000; text-align:left; line-height:15pt; }

.articles-pic {width:100%; margin-top:20px; }
.comments-area{width:100%; padding:0px 0px 20px 0px; margin:0px;}
a.shareemailbtn{float:right; padding:1px 10px 1px 25px;margin:0px 12px 0 0; height:21px;line-height:21px; color:#fbf4f4; display:block;  background:#01aaad url('../images/share-email.png') left; background-position-x:5px; background-repeat:no-repeat; border-radius:9px; vertical-align:top;text-decoration:none; }
.view-comments{width:115px; padding:1px 0px 1px 25px; margin:0px; height:21px; color:#fbf4f4; display:block;  background:#01aaad url('../images/icon-view.gif') left; background-repeat:no-repeat; border-radius:9px; vertical-align:top; }
.post-comments{width:100px; padding:3px 0px 01px 25px; margin:0px; height:19px; color:#fbf4f4; display:block;  background:#01aaad url('../images/icon-post.gif') left; background-repeat:no-repeat; border-radius:9px; vertical-align:top;}


.comments {display:table; width:100%; margin: 0px; padding:0px;}
.comments-post{ padding: 0px 10px 0px 0px; margin:0px auto; vertical-align:top; float:left;}
.comments-post a{text-decoration:none}
.comments-view{ padding: 0px 0px 0px 0px; }



/*****************************************************************************************************************
Archives Section 
*****************************************************************************************************************/
.archives {width:100%; padding:0px; margin:0px;}
.archives ul{list-style:none; width:100%; padding:0px; text-align:left; }
.archives ul li{list-style:none; width:155px; padding:0px; margin:0px; margin-bottom:30px; display:inline-block; text-align:center}
.archives ul li a{color:#007174; font-size:12px; text-decoration:underline; cursor:pointer; }
.archives ul li a:hover{color:#000; font-size:12px; text-decoration:underline;}
.archives ul li img{margin-bottom:5px;}


.search-table {display:table; width:100%; font-size:12px; color:#333; margin: 10px 0px; border:0px solid #c5d4ed; }
.search-table tr{display:table-row; line-height:12pt;  }
.search-table td{display:table-cell;  vertical-align:top; border:1px dashed #ccc; border-width:0px 0px 1px 0px;}

.th-search { background:#01aaad; display:block;  padding: 6px 4px; line-height:14pt; font-size:12px; font-weight:bold; color:#fff;  }
.tc-search {  color:#333; background:#e3fdfd; padding: 6px 4px;}
.tc1-search {  color:#333; background:#fff; padding: 6px 4px;}
a.search-link {color:#007b7e; text-decoration:none }
a.search-link:hover{color:#000; text-decoration:underline }



/*****************************************************************************************************************
Discussion Board Section 
*****************************************************************************************************************/

.discussion {display:table; width:100%; margin: 0px; padding:0px;}
.discussion-text{display:table-cell; width:90%; padding: 0px 30px 0px 30px; vertical-align:top;   }
.discussion-bt{display:table-cell; width:10%; padding: 0px; text-align:right}

.discussion-board{  padding: 0px 30px 0px 30px; vertical-align:top;}
.discussion-board-text{ padding-bottom: 20px;  vertical-align:top;}
a.readmore:link, a.readmore:visited, a.readmore:active{	color:#275891; text-decoration: underline; font-size:11px; line-height:14pt; }
a.readmore:hover{color:#000000; text-decoration: none; font-size:11px;}

.discussion-board-text .comment-text{padding:10px 0px 0px 0px; border: 1px dashed #ccc; border-width:1px 0px 1px 0px;}





/*****************************************************************************************************************
 Ipad Landscape 
*****************************************************************************************************************/

@media only screen and ( min-width: 980px) and ( max-width: 1100px ) 
{
    ul.issue_list h3 a {font-family:Arial; font-weight:bold;}
}    



/*****************************************************************************************************************
 Ipad Portrait 
*****************************************************************************************************************/

@media only screen and ( min-width: 768px) and ( max-width: 980px ) 
{
    ul.issue_list li { width: 43%; display: inline-block; vertical-align: top;
    margin:0% 2% 3% 0%; text-align:left;
    padding:5px 0px 0px 20px;
    list-style-type:none;  list-style-image:none;
    position:relative; 
    background: url(../images/bullet.gif) no-repeat top left;
    background-position: 0px 6px;
    }
    
    .advt_banner img { padding:0px; margin:0px; max-width:100%;height:auto;}
    .articles-pic img{padding:0px; margin:0px; max-width:100%;height:auto;}
    
    ul.issue_list h3 a {font-family:Arial; font-weight:bold;}
    
}    


/*****************************************************************************************************************
 Mobile
*****************************************************************************************************************/

@media only screen and (max-width: 767px) 
{
        ul.issue_list li { width: 95%; display: inline-block; vertical-align: top;
    margin:0% 0% 3% 0%; text-align:left;
    padding:5px 0px 0px 20px;
    list-style-type:none;  list-style-image:none;
    position:relative; 
    background: url(../images/bullet.gif) no-repeat top left;
    background-position: 0px 6px;
    }   
    
    .advt_banner img { padding:0px; margin:0px; max-width:100%; width:100%; display:none;}
    .advt_banner_right { text-align:center; display:none}
    .articles-pic {width:100%; padding-top:10px; margin:0px; display:none;}
    .articles-pic img{padding:0px; margin:0px; max-width:100%;height:auto;}
    
    
    
/*****************************************************************************************************************
Articles Section 
*****************************************************************************************************************/

.articles {display:table; width:100%; margin: 0px; padding:0px;}
.articles-text{display:table-cell; width:90%; padding: 0px 0px 0px 0px; vertical-align:top; }
.articles-bt{display:table-cell; width:10%; padding: 0px; text-align:right; display:none;}
.article-data{font-family:Arial; font-size: 13px; color:#000; text-align:justify; line-height:15pt; }
.article-data img{ max-width:100%;height:auto; }    

/*****************************************************************************************************************
Discussion Board Section 
*****************************************************************************************************************/
.discussion {display:table; width:100%; margin: 0px; padding:0px;}
.discussion-text{display:table-cell; width:90%; padding: 0px 0px 0px 0px; vertical-align:top; }
.discussion-bt{display:table-cell; width:10%; padding: 0px; text-align:right; display:none;}


.discussion-board{  padding: 0px 00px 0px 00px; vertical-align:top;}
.discussion-board-text{ padding-bottom: 20px;  vertical-align:top;}
a.readmore:link, a.readmore:visited, a.readmore:active{	color:#275891; text-decoration: underline; font-size:11px; line-height:14pt; }
a.readmore:hover{color:#000000; text-decoration: none; font-size:11px;}

.discussion-board-text .comment-text{padding:10px 0px 0px 0px; border: 1px dashed #ccc; border-width:1px 0px 1px 0px}    
    


}