/* - mobilesmart2.css - */
@media screen and (max-width:642px) {
/*
** Plone style sheet for mobile/handheld browsers. Mainly tested on Opera
** for mobile devices, feedback/donations to help support other platforms
** are welcome.
**
** Style sheet documentation can be found at http://plone.org/documentation
**

** Feel free to use or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

body .footer-inner, body #page {
margin-left: .125em!important;
margin-right: .125em!important;
width: auto;
}

/*  Reset all all Background IMAGES, and set color to white */
.footer-wrapper, #visual-portal-wrapper {margin:0!important}
#content a {display:inline-block;}
* {background-image:none; background-color:transparent; } 
body #page {padding-left:.5em!important;padding-right:.5em!important; }

.listingBar a {font-size:2.2em; margin: 0.25em; Xline-height:1em; clear:both; text-align:center;
Xdisplay: inline-block;
Xpadding: 1.05em;
}
.mtitle { }
.mtitle p {padding: 0 .25em 0 .25em;
text-decoration:none;
text-align:center;
font-size:21px!important;
font-color:black;
line-height: 1.2em !important;
}


table.mobiletop, table.mobiletop p, #content table.mobiletop a:target, table.mobiletop tr, table.mobiletop td {padding:0!important;margin:0!important;}
table.mobiletop { position:relative; width:100%; z-index:500; border: lightgray solid 1px; background-color:white}
table.mobiletop { margin-bottom:.5em }

#login-form {width:auto}
html body #visual-portal-wrapper {min-width:1px;}

.portletHeader {padding:0px;} 
#portal-column-one .visualPadding {margin-left:0;}
#portal-column-one .visualPadding .portletItem {padding:0;}

#section ul.main-menu li,
#section ul.main-menu li ul,
#section ul.main-menu li ul li ul,
#section ul.main-menu li a,
#section ul.main-menu li ul li ul li,
#section ul.main-menu li ul li ul li a,
#portal-column-content,
#portal-column-two,
#page,
#page-inner,
div#menu-wrap,
.footer-wrapper,
#navigation,
.content-container,
.branding  {min-width:1px !important;}

td#portal-column-one,td#portal-column-content, td#portal-column-two {padding:0 .0em 0 .0em }

body {
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: White;
    xcolor: Black;
    margin: 0;
/*    padding: 0 .5em 0 .5em;  */
   padding: 0;  
   font-size: 100%;
}
table {
    font-size: 100%;
}
a {
    xcolor: #436976;
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0.5em 0em 1em 0em;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    border-bottom: 1px solid #8cacbb;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: Black ! important; 
}
h1 {
    font-size: 160%;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 140%;
    border-bottom: none;
    font-weight: bold;
}
h4 {
    font-size: 120%;
    border-bottom: none;
    font-weight: bold;
}
h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}
h6 {
    font-size: 90%;
    border-bottom: none;
    font-weight: bold;
}
label {
    font-weight: bold;
}

#portal-searchbox {
    font-size: 1em;
}
#portal-globalnav {
    /* Navigational Plone Tabs(tm), implemented by customizing the a and li tags */
    background-color: transparent;
    border-collapse: collapse;
    padding: 0;
    padding-left: 0.2em;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}
#portal-globalnav li {
    display: inline;
}
#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #8cacbb;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #436976;
    height: auto;
    margin-right: 0.1em;
    padding: 0em 0.2em;
    text-decoration: none;
    text-transform: none;
}
#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    border-bottom: #dee7ec 1px solid;
    color: #436976;
}
#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background-color: #dee7ec;
    border-top-color: #8cacbb;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #8cacbb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Black;
    margin: 0;
    text-align: right;
    text-transform: none;
    list-style: none;
}
#portal-personaltools li {
    margin-left: 0.2em;
    display: inline;
}
#portal-personaltools li a {
    text-decoration: none;
    color: #436976;
}
.visualCaseSensitive {
    text-transform: none;
}
#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #8cacbb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 0.2em;
    padding-right: 0.2em;
    text-transform: none;
}
.contentViews {
    background-color: transparent;
    border-collapse: collapse;
    padding-left: 0.1em;
    line-height: normal;
    margin: 0.2em 0 0 0;
    /* white-space: nowrap; */
    list-style: none;
    border: 1px solid #74ae0b;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.contentViews li {
    display: inline;
}
.contentViews li a {
    background-color: transparent;
    border: 1px solid #74ae0b;
    border-style: solid;
    color: #578308;
    height: auto;
    margin-right: 0.2em;
    padding: 0;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
    z-index: 1;
}
.contentViews .selected a {
    background-color: #cde2a7;
    border-bottom: #cde2a7 1px solid;
    color: #578308;
}

/*
** begin ECMAScript Content Action Menus
*/

.contentActions {
    border-collapse: collapse;
    background-color: #cde2a7;
    border-left: 1px solid #74ae0b;
    border-right: 1px solid #74ae0b;
    color: #578308;
    text-align: right;
    text-transform: none;
    padding: 0 0 0 0.2em;
    z-index: 2;
    height: 1.2em;
}
.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
    color: Black;
    text-align: left;
}
.contentActions ul {
    padding: 0;
    margin: 0;
}
.contentActions li {
    float: right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
    padding: 0 0 0 0.2em;
    margin: 0 0.2em 0 0;
}
.actionItems li {
    background-image: none;
}
.contentActions a {
    text-decoration: none;
    color: #578308;
    padding: 0 0.6em 0 0;
}
.contentActions .actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 0;
    right: -1px;
    height: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.contentActions .actionMenu .actionMenuContent ul {
    display: block;
    background: #cde2a7;
    border: 1px #74ae0b;
    border-style: none solid solid solid;
    margin: 0.2em 0 0 0;
    padding: 0;
    cursor: pointer;
}
.actionMenu .actionMenuContent li {
    font-size: 10px !important;
    float: none;
    background: transparent;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}
.actionMenu .actionMenuContent li a {
    display: block;
    white-space: nowrap;
    padding: 0 0.2em;
    margin: 0.2em 0;
}
.actionMenu .actionMenuContent .actionSeparator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}

/*
** end ECMAScript Content Action Menus
*/

.documentEditable .documentContent {
    border: 1px solid #74ae0b;
    padding: 0.5em;
}

/* .system-message and #error-handling are reST error indicators */
.portalMessage,
.system-message,
#error-handling {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: Black;
    font-size: 90%;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}
.portalMessage a {
    color: Black;
}
.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 0.5em 0em;
}
.documentByLine {
    text-align: right;
    font-size: 90%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}

#portal-footer {
    background-color: #dee7ec;
    border-top: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    float: none;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}


.hiddenStructure,
#portal-logo,
#portal-searchbox,
#portal-siteactions,
.addFavorite,
.documentActions,
#portal-colophon,
.netscape4 {
    display: none;
}
/*  --------------Added for smart mobile ------------------  */
/* --
table#portal-columns, thead, tbody, th, td#portal-column-content, td#portal-column-one ,td#portal-column-two, tr {
		display: block;	}
 -- */

#content img, #content object,  #content iframe {max-width: 99%!important; xmax-height: 99%!important;}


div#wrapper {width:auto !important }

div#container {
  background: url(''); 
  background-color:white;
 }
#portal-column-one,#portal-column-two, #sidebar2  {
  width:100%;
}
 #sidebar2  {
  width:Auto;
}


div#portal-top div#search,
div#portal-top #dropList ul#menu,
html body div.logo a,
html body div.logo a img,
div#portal-top,
#topcontent,
div.bottom {
    display: none;
}

td#portal-column-one, td#portal-column-2 {
xpadding: .25em;
xmargin: .25em;
}
#thelogin {
}

 a:active {
           background-color:#000000 !important; 
           color:#FFFFFF !important;
} 


/* ----  restore table functiosn to things in the CONTENT area */
#portal-columns td#portal-column-content ,
#portal-columns td#portal-column-content th,
#portal-columns td#portal-column-content td,
#portal-columns td#portal-column-content ,
#portal-columns td#portal-column-content { font-size:120%; padding-top:.5em;padding-bottom:.5em;}

table#portal-columns td#portal-column-content table  { display: table; }

table#portal-columns td#portal-column-content tbody  { display: table-row-group;}
table#portal-columns td#portal-column-content thead  { display: table-header-group;}
table#portal-columns td#portal-column-content tfoot  { display: table-footer-group; }
table#portal-columns td#portal-column-content th     { display: table-cell; }
table#portal-columns td#portal-column-content td     { display: table-cell; }
table#portal-columns td#portal-column-content tr     { display: table-row; }

table#portal-columns td#portal-column-content   { font-size:110%;}
table#portal-columns td#portal-column-content h3 {font-size:110%;}

table#portal-columns td#portal-column-content p {font-size:110%; }

table#portal-columns,
table#portal-columns > thead,  /* not needed */
table#portal-columns > tbody,
table#portal-columns > tbody > tr,
table#portal-columns > th,   /* not needed */
td#portal-column-content,
td#portal-column-one,
td#portal-column-two {
    display: block;
/*  to get IE 9 to work, the float was needed, and the Clear. and the width  */
    float: left;
    clear: both;
    width:100%
}

.mobiledevice {
  display:block;
  font-size:1.3em !important;
  }
a.mobiledevice { margin-bottom:1em; color: #333333; }

#portal-column-one{
  display:block;
  font-size:1.3em !important;
  }
#portal-column-two {
  display:block;
  font-size:1.2em !important;
  }

#sidbar2 a {font-size:1.1em !important; line-height:1.1em;}
dl.portletNavigationTree .navTreeItem a  {font-size:.9em !important; line-height:1em;}
dl.portletNavigationTree .navTreeItem a {padding-top:0.5em;padding-bottom: 0.5em;}

h1, h2,h3, h4 { line-height:1em;}

dd.portletItem a {display:inline-block;font-size:1em !important; padding-top:.25em; padding-bottom:.25em}
dd.portletItem a:active {background-color:#f60; color:black }

/* div#content, div#region-content.documentContent {padding:0; Margin:0}  */
div#content {padding:0; Margin:0;}
div#region-content {padding:1px; Margin:1px;}
.documentContent {
   font-size: .9em;  
   }
.documentContent a {
   text-decoration:underline;
   }
td#portal-column-content {padding:0; Margin:0}
#content table {width:100% !important}
.portlet-static-contact-us {display:none}
.portlet-static-contact-info {font-size: 80%!important;}
.portlet-static-contact-info h3 {font-size: 98%!important;}

.portlet-static-contact-info
#copyright {font-size:1.2em}
#copyright p {font-size:1em}
#copyright a {font-size:1em}
iframe { width:99% !important;  }
/* #portal-column-one div.visualPadding { padding-top: 2px; }  */
#portal-column-content { padding-top:2px; }
.visualPadding {padding-top:2px; }
.portletHeader {padding:3px;}
.notmobile {display:none}
.portlet {margin: 1px 0 1px;}
span {font-size:inherit}

/* h1, h2, h3, h4 {font-size:2.1em} */

body {
background-image:none;
}
.tileItem .tileHeadline a {text-decoration:underline; color:#f60!important}
.tileItem a img {width:20%; min-width:50px; max-width:100px; height:auto }
.tileBody {clear:both}
.portletSearch {font-size:.9em}
#portal-column-two {display:none!important}
#copyright {display:none;}
.portletSearch .portletHeader,.portletSearch .portletFooter {background-color: #eee; border: 0px; font-size: 0.8em}
.portlet.portletSearch,.portlet.portletSearch .portletItem {border: 0px;}
iframe {max-width:99.1%!important;}
/*  2012 template */
#page {min-width:150px}
#navigation, #navigation #section, div#menu-wrap ,#page ,#closing,#page-inner, .branding {min-width:150px}

#closing, #portal-column-content, #page, #page-inner, div#menu-wrap, .footer-wrapper, #navigation, .content-container, .branding {min-width:20px;}
pre {word-wrap:break-word;} 
#visual-portal-wrapper .content-container,
#navigation #section,
.footer-inner,
.closing,
#suggestions {width:100%}
/* 980 */
#navigation #section, div#menu-wrap, .footer-wrapper, #navigation, .content-container, .branding {width:100%} 
/*  */
}