/* 
	CSS Document 

	@author : Ryan C. Sayson
	@Date	: September 11, 2007

*/

#container {
	background-color:#5f785f;
	font-family:Arial, Helvetica, sans-serif;
}

#main-wrap {
}

#page-wrapper {
	width: 980px;
	background-color:#ffffff;
	border: 1px solid #666666; 
}

.td-top {
	padding-top:5px;
	vertical-align:top;
	height:30px;
}
.td-top-space {
	color:#003300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom: 1px solid #666666;
	padding:3px;
}
.td-top-spacesearch {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom: 1px solid #666666;
        padding-top:5px;
        padding-bottom:5px;
	padding-left:140px;
}

.dost-agencies {
	font-family: arial, verdana !important;
	font-size: 12px !important;
}

#slides {
	border-bottom: 1px solid #cccccc;
}


/* COLUMN PANES */

#col-left {
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	vertical-align:top;
	width: 180px;
}

#col-left table {
	width: 100%;
}
#main-col-center {
	vertical-align:top;
	/*width: 620px;*/
	padding:0px;

}
#main {
	vertical-align:top;
	width: 100%;
}
#user1 {
}
#col-center {
	background-color: #ffffff;
	vertical-align:top;
	width:620px;
}
#col-right {
	background-color: #ffffff;
	border-left: 1px solid #cccccc;
	vertical-align:top;
	padding:0px;
	width: 180px;
}
#col-right table {
	width: 100%;
}



/*MODULES*/
/* default */
table.moduletable 
{
  width: 100%; 
}
table.moduletable th 
{
  font-size        : 12px;
  font-weight:normal;
  font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  text-align       : left;
  height           : 21px;
  line-height      : 21px;
  text-indent      : 10px;
  letter-spacing   : 1px;
  color            : #ffffff;
  background-color: #000033;
}

table.moduletable td 
{

}


/* leftrow */
#leftrow table.moduletable 
{
  width: 100%;
  border: 0px solid #cccccc;
  background: #F7F7F7;
}
#leftrow table.moduletable th 
{
  font-size: 11px;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
  font-family: Arial, Geneva, Tahoma, Helvetica, sans-serif;
  text-align: left;
  text-indent: 10px;
  letter-spacing: 1px;
  font-weight:bold;
  color: #333333;
  border-bottom: 1px solid #cccccc;
  background: #EEEEEE url(../images/slide_bg.png) repeat-x scroll center top;
}
#left-cal table.moduletable th 
{
  font-size: 11px;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
  font-family: Arial, Geneva, Tahoma, Helvetica, sans-serif;
  text-align: left;
  text-indent: 10px;
  letter-spacing: 1px;
  font-weight:bold;
  color: #333333;
  border-bottom: 1px solid #cccccc;
  background: #EEEEEE url(../images/slide_bg.png) repeat-x scroll center top;
}
#leftrow table.moduletable td 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#000000;
  padding: 3px 10px;
  text-align: left !important;
}

#leftrow table.moduletable td img {
	vertical-align: middle;
	padding-right: 5px;
	padding-bottom: 5px;
	float:none !important;
}
#leftrow table.moduletable td div {
	padding: 0px !important;
}


/* CENTER */

/* user1 */
#user1 table.moduletable 
{
  width: 100%;
}
#user1 table.moduletable th 
{
font-size: 11px;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
  font-family: Arial, Geneva, Tahoma, Helvetica, sans-serif;
  text-align: left;
  text-indent: 10px;
  letter-spacing: 1px;
  font-weight:bold;
  color: #333333;
  border-bottom: 1px solid #cccccc;
  background: #EEEEEE url(../images/slide_bg.png) repeat-x scroll center top;
}
#user1 table.moduletable td 
{
}

/* user2 */
#user2 table.moduletable 
{
  width: 100%;
}
#user2 table.moduletable th 
{
}
#user2 table.moduletable td 
{
}

/* right */
#col-right table.moduletable 
{
  width: 100%;
  border: 0px solid #cccccc;
  background: #F7F7F7;
}
#col-right table.moduletable th 
{
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	font-family: Arial, Geneva, Tahoma, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	letter-spacing: 1px;
  font-weight:bold;
  color: #333333;
    border-bottom: 1px solid #cccccc;
	background: #EEEEEE url(../images/slide_bg.png) repeat-x scroll center top;
}
#col-right table.moduletable td 
{
	font-family:verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	padding: 10px;
	text-align: left !important;
}

/* minicalendar */
#minical table.moduletable 
{
  width: 180px;
  border: 1px solid #cccccc;
  margin-bottom: 5px;
  background: #EEEEEE url(../images/slide_bg.png) repeat-x scroll center top;
}
#minical table.moduletable th 
{
  font-size: 11px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  font-family: Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  text-align: left;
  height: 21px;
  line-height: 21px;
  text-indent: 10px;
  letter-spacing: 1px;
  font-weight:bold;
  color: #333333;
    border-bottom: 1px solid #cccccc;
  background: #EEEEEE url(../images/slide_bg.png) repeat-x scroll center top;
}
#minical table.moduletable td 
{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#000000;
  line-height: 18px;
}

/*TABLE LIST*/
.sectiontableheader {
  font-size        : 12px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #0A1855;
  background       : #EDEDED;
}
.sectiontableentry1 {
  vertical-align   : top;
  text-align	   : left;
  text-transform :none;
  background       : #E3E3E3;
  padding          : 3px;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}
.sectiontableentry2 {
  vertical-align   : top;
  text-align	   : left;
  text-transform   : none;
  padding          : 3px;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}

.contentdescription 
{ 
  width: auto !important;
  display: block;
  font-size: 10px;
} 
table.content
{
  width            : 100%;
  padding          : 2px;
  border-collapse  : collapse;
  border-spacing   : 0px;
  margin-bottom    : 10px;
}
table.contentpane 
{
  width            : 100%;
  padding-left     : 1px;
  padding-right    : 2px;;
  border-spacing   : 0px;
  margin-bottom    : 5px;
  font-size:12px;
}
table.contentpaneopen 
{
  width:100%;
  padding-left:2px;
  padding-right:2px;
  border-spacing:0px;
  margin-bottom:5px;
  line-height:20px;
  text-align:justify;
  font-size:12px;
  padding: 11px;
  font-family:Arial, Helvetica, sans-serif;
}
table.contenttoc 
{
  border           : 1px solid #FFFFFF;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.contentheading {
  font-size        : 14px;
  font-family      : Arial, Verdana, Arial, Geneva, Tahoma, Helvetica, sans-serif;
  line-height      : 25px;
  text-align       : left;
  color            : #000033;
  width            : 100%;
  font-weight	   : bold;
}

.componentheading {
  font-family: Arial,Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  text-align: left;
  text-indent: 10px;
  letter-spacing: 1px;
  font-weight:bold;
  color: #333333;
    border-bottom: 1px solid #cccccc;
  background: #EEEEEE url(../images/slide_bg.png) repeat-x scroll center top;
}

/* LIST */

a:link, a:visited 
{
  font-size        : 12px;
  color            : #000033;
  text-decoration  : none;
  font-weight      : normal;
}
a:hover 
{
  font-size        : 12px;
  color            : #0066CC;
  text-decoration  : underline;
  font-weight      : normal;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #0066CC;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  color            : #0066CC;
}
a.pagenav:link, a.pagenav:visited {
  text-decoration  : none;
}
a.pagenav:hover {
  text-decoration  : none;
}


#mod_login_username {
  color: #000000;
  font-family:verdana, Helvetica, sans-serif;
  font-size:11px;
  padding-left:5px;
  padding-right:5px;
}

#mod_login_password{
  color: #000000;
  font-family:verdana, Helvetica, sans-serif;
  font-size:11px;
  padding-left:5px;
  padding-right:5px;
}

.button {
	background-color:#EDEDED;
	border:1px solid #999999;
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
	margin: 0;
 	padding: 0;
}

div.mosimage {
	border: 1px solid #ccc;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.mosimage img {
	width: 150px;
	height: 120px;
}

.mosimage_caption {
  margin-top: 0px;
  background: #efefef;
  padding: 0px 1px;
  color: #666;
  font-size: 10px;
  font-style:normal;
  border-top: 1px solid #cccccc;
  width:150px;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}

td.greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

.blog {

}
.blog_more
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#0066CC;
}

/*                  */

hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}
.mod {
  background       : #FFFFFF;
  width            : 2px;
}
.mt {
  font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  color            : #FEFEFE;
  font-size        : 4px;
  font-weight      : normal;
 }
.mt a:link, .mt a:visited {
  font-size        : 4px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.mt a:hover {
  font-size        : 4px;
  color            : #FEFEFE;
  text-decoration  : none;
  font-weight      : bold;
}

#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}

.sublevel {
  padding-left     : 10px;
}

.search {
	text-align:right;
	padding-top: 1px;
}

.search .inputbox{
	border: 1px solid #999999;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:130px;
	padding-left:20px;
	padding-right:5px;
	background: #FFFFFF url(../images/search_icon.gif) no-repeat 5px center;
}

.back_button {
  color            : #0A1855;
  font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  font-size        : 10px;
  background       : url(../images/bb.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 0px solid #999999;
  padding-bottom   : 4px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 1px;
  margin-right     : 4px;
  float            : right;
  font-weight      : normal;
  line-height      : 10px;
  text-decoration  : none; 
}

ul#mainlevel-nav {
  font-size        : 10px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  font-size        : 0.8em;
}
ul#mainlevel-nav li {
  display          : block;
  background-image : none;
  padding-left     : 1px;
  padding-right    : 1px;
  float            : right;
  width            : auto !important;
  font-size        : 8px;
  line-height      : 22px;
  white-space      : nowrap;
  border-left      : 0px solid #ffffff;
}
ul#mainlevel-nav li a {
  font-size        : 8px;
  display          : block;
  padding-left     : 16px;
  padding-right    : 15px;
  color            : #999999;
  background       : transparent;
}
ul#mainlevel-nav li a:hover {
  font-size        : 8px;
  color            : #0A1855;
}

a.mainlevel:link, a.mainlevel:visited {
  text-align       : left;
  font-size        : 12px;
  background-color : transparent;
  color            : #333333;
  width            : 100%;
  text-indent      : 7px;
}
a.mainlevel:hover {
  text-align       : left;
  background-color : transparent;
  font-size        : 12px;
  color			   : #333333;
  text-decoration  : underline;
  text-indent      : 7px;
}
#active_menu { 
  color            : #0A1855;
  background-color : transparent;
  font-weight      : bold;
}
a#active_menu:hover {
  color            : #0A1855;
}

a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}
a.readon:link, a.readon:visited {
  color            : #000033;
  font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 0px solid #000033;
  padding-bottom   : 7px;
  padding-left     : 21px;
  padding-right    : 3px;
  padding-top      : 7px;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}
a.readon:hover {
  color            : #0066CC;
  font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 0px solid #000033;
  padding-bottom   : 7px;
  padding-left     : 21px;
  padding-right    : 3px;
  padding-top      : 7px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}

.date {
  font-size        : 10px;
  color            : #0A1855;
  padding-right    : 10px;
}
.small {
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  color: #000000;
  font-style:italic;
}
.smalldark {
  font-size        : 10px;
  color            : #0A1855;
}
.createdate, .modifydate {
  font-size        : 10px;
  color            : #666666;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #CC9900;
}
a.pathway:link, a.pathway:visited {
  font-size        : 12px;
}
a.pathway:hover {
  font-size        : 12px;
}
.pollstableborder{
  border-color     : #999999;
}

.title {
  font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  font-weight      : bold;
  text-transform   : uppercase;
  text-indent      : 8px;
  font-size        : 20px;
  text-align       : left;
  color            : #FFFFFF;
}
.title a:link, .title a:visited {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.title a:hover {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.ontab {
  border-left      : 1px solid #404040;
  text-align       : center;
  font-weight      : bold;
  color            : #0A1855;
  padding          : 5px;
  line-height      : 40px;
}
.offtab {
  border-left      : 1px solid #404040;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  line-height     : 40px;
}
.tabpadding {
 border-left       : 1px solid #404040;
}
.pagetext {
  visibility       : hidden;
  position         : relative;
  top              : 0;
  background-color : #FFFFFF;
  display          : none;
}
.footer {
  font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 10px;
  color            : #FFFFFF;
  font-weight      : normal;
 }
.footer a:link, .footer a:visited {
  font-size        : 11px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.footer a:hover {
  font-size        : 11px;
  color            : #0A1855;
  text-decoration  : none;
  font-weight      : bold;
}
.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;
}

#copyright {
	font-size        : 12px;
	font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
	color            : #FFFFFF;
	padding-bottom: 15px;
	text-align: center;
}

table.newsflash {
	width			 : 166px;
	font-size        : 12px;
	color            : #ffffff;
	font-family      : Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
	text-decoration  : none;
	font-weight      : normal;
	padding: 2px;
 	height: 142px;
}

#newsflash {
	font-size        : 10px;
	font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
	color            : #ffffff;
	text-decoration  : none;
	font-weight      : normal;
}

#pathway
{
	background: #f7f7f7;
	padding: 5px;
	border-bottom : 1px solid #cccccc;
}









/* customed */
ul.jwts_tabbernav {
	padding: 3px 0px !important;
	margin-left: -1px !important;
}

.jwts_tabberlive {
	margin: 0px !important;
	padding:0px !important;
}

ul.jwts_tabbernav li a:hover {
	margin: 0px !important;
}

ul.jwts_tabbernav li a, ul.jwts_tabbernav li a:link {
	margin: 0px !important;
}

.jwts_tabberlive .jwts_tabbertab {
	border: none !important;
}