/* CSS Document */
.article-container{width:100%; display: table;}
.article-left{ float:left; width:31%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 4px 1px 12px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC; height:200px;}
.article-mid{  float:left; width:31%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 4px 1px 12px; margin-left: 7px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC; height:200px;}
.article-right{float:left; width:31.5%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 4px 1px 12px; margin-left: 7px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC; height:200px;}
.article-lm{float:left; width:64%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 8px 1px 12px; margin-top: 7px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC;}
.article-lm-r{float:right; width:31.5%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 4px 1px 12px; margin-top: 7px; margin-right: 2px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC;}
.article-mm{float:left; width:48%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 4px 1px 10px; margin-top: 7px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC; min-height:200px;}
.article-mm-r{float:right; width:48%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 4px 1px 12px; margin-top: 7px; margin-right: 2px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC; min-height:200px;}
.article-ll{float:left; width:98%; border-radius:2px; box-shadow: .12em .12em .2em #ccc; padding: 1px 6px 1px 12px; margin-top: 7px; 
overflow:auto; overflow-y:hidden; overflow-x:hidden; background-color:#F7EDEC;}

#d2-rcorners { border-radius: 18px; background: #fff; padding: 2px 0 2px 7px; width: 160px;	color:#000; font-size:.82em; border: 1px solid #E2CCCA;}
.d2-text { position: relative; bottom: 2px;}
.d2-dot { height: 6px; width: 6px; background-color:#C8ABA9; border-radius: 50%; display: inline-block; border:3px solid white; margin: 3px 3px 0 0;}

#wisdom-rcorners { border-radius: 18px; background: #D30112; padding: 2px 0 2px 7px; width: 140px;
	color:#fff; font-size:.82em; border: 1px solid #D30112;}
.wisdom-text { position: relative; bottom: 2px;	}
.wisdom-dot { height: 6px; width: 6px; background-color: #D30112; border-radius: 50%; display: inline-block; border:3px solid white; margin: 3px 3px 0 0;}
fieldset {border: 1px solid #D30112; border-radius: 4px; padding-top:0; margin-bottom:12px; width: 90%;}
legend { padding:0;}

@media all and (max-width: 999px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px), only screen and (min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min-resolution: 192dpi) and (max-width: 999px), only screen and (min-resolution: 2dppx) and (max-width: 999px) {
.article-container{width:97%; margin: 0px;}
.article-left{ width:100%; height:auto;}
.article-mid{ width:100%;margin-left: 0; margin-top: 4px; height:auto;}
.article-right{width:100%; margin-left: 0; margin-top: 4px; height:auto;}
.article-lm{float:left; width:100%; margin-left: 0; margin-top: 4px; padding: 1px 8px 1px 8px; }
.article-lm-r{float:left; width:100%; margin-left: 0; margin-top: 4px;}
.article-mm{float:left; width:100%; margin-left: 0; margin-top: 4px; padding: 1px 4px 1px 12px;}
.article-mm-r{float:left; width:100%; margin-left: 0; margin-top: 4px;}
.article-ll{float:left; width:99.5%; margin-left: 0; margin-top: 4px;}