/* COLORs
grey -  #C6C8CC
dark grey - #999
text - #444
green - #8ED13E
grey levels
95% - f2f2f2
90% - e5e5e5
80% - cccccc
70% - b3b3b3
60% - 999999
50% - 808080
40% - 666666
30% - 4d4d4d
20% - 333333  

orange - #FD8715

link color: #4711AE

red - CC3333
red hover: EF6767
*/

/*  HTML5 Boilerplate  */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}

nav ul { list-style: none;}

blockquote,q { quotes: none;}

blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins { background-color: #ff9; color: #131313; text-decoration: none; }

mark { background-color: #ff9; color: #131313; font-style: italic; font-weight: bold; }

del {
    text-decoration: line-through;
}

abbr[title],dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

.tablesorter { margin: 0; width: 100%;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0.25px 0; padding: 0; width:100%; float: left;}

input,select { vertical-align: middle;}

body { font: 13px/1.231 sans-serif; *font-size: small;}

select,input,textarea,button { font: 99% sans-serif; }

pre,code,kbd,samp {font-family: monospace,sans-serif; }

body,select,input,textarea { color: #444; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

html { overflow-y: scroll; }

ul,ol { margin-left: 1.8em; margin-bottom:1em}

ol { list-style-type: decimal; }

nav ul,nav li { margin: 0; }

small { font-size: 85%; }

strong,th { font-weight: bold; }

td,td img { vertical-align: top; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

textarea { overflow: auto; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }

label,input[type=button],input[type=submit],button { cursor: pointer; }

button,input,select,textarea { margin: 0; }

::-moz-selection { background: #FD8715; color: #fff; text-shadow: none; }

::selection { background: #FD8715; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #FD8715; }

button { margin: 5px 0 0; width: auto; overflow: visible; }

.clearfix:before,.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

fa.fa-refresh {
width: 100%;
padding: 0;
margin: 0;
text-align: left;
text-indent: 0;
}
.clearfix:after { clear: both; }

.clearfix { zoom: 1; }


/* =========================end of boilerplate*/

/* Primary Styles
   Author: Erik Wiedeman
*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* causes the modal window part of channel_images to break. http://paulirish.com/2012/box-sizing-border-box-ftw/*/

/* BryonBlack: changed width to 95% to allow for better use of large screens */
body { background: #E8E8E8; font: 14px/1.4em 'Helvetic Neue', Helvetica, Arial, sans;   color: #1F1F1F; margin: 0;}


#page { margin: 0 auto; position: relative; max-width: 95%; width: 95%; }

/* H Tags
-----------------------------------------------*/
/* h1 a     { color: #212121; text-shadow: 1px 1px 1px #FFF;} */
h1, h2, h3, h4, h5, h6 { line-height: 1em;}
h1      { font-size:2.1em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; margin:0.25em 0em 0.25em 0em; }
h2      { font-size:2.00em; margin:0.3em 0em; }
h3      { font-size:1.75em; margin:0.4em 0em; }
h4      { font-size:1.50em; margin:0.5em 0em; }
h5      { font-size:1.35em; margin:0.6em 0em; }
h6      { font-size:1.20em; margin:0.7em 0em; }

/* Main Header
-----------------------------------------------*/

#header { padding: 1em; position: relative; height: 6em;}
#header h1 a { color:#83BD3F; text-decoration:none; font-style: italic; text-transform: uppercase; font-weight: 800;}
#header #loginstatus{   margin: 10px; font:normal 0.928571428571429em/1em 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:capitalize;}
#logout { color:#FD8715; }

/* Article Elements
-----------------------------------------------*/

/*#articletext p:first-child:first-letter { text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); float: left; color: #8ED13E; font-size: 75px; line-height: 60px; padding-right: 8px; padding-left: 3px; text-transform:uppercase; } */
#layoutsection{}
#view header {margin-bottom:1em;}
#view header hgroup h4 {text-align:right; }
.viewer {
    padding: 1em;
}

article header {display:block}
/*p { font: 14px/1.4em 'Palatino', Garamond, Georgia, serif; color: #1F1F1F;line-height:1.5em; padding:8px 0px}*/
p   { font: color: #1F1F1F;line-height:1.5em; padding:8px 0px}


dl { margin-top:1em; }
dt { font-weight:bold; }
dd { margin:.5em 0 .5em 2.5em; }

ul,ol {margin-top:1.5em;}

/*/
.highlight_text { background:#ffff00; } /* hightlight company names in the article text
.highlight { background:#ffff00; } 

.highlight_toggle, .highlight_toggle:active {padding: 0; margin: 0 0 0 3px;}/* button that toggles the highlighted text on and off.
*/


.highlight_text { background:#ffff00; } /* hightlight company names in the article text*/
.highlight { background:#ffff00; } 
.highlight_toggle, .highlight_toggle:active {padding: 0; margin: 0 0 0 3px;}/* button that toggles the highlighted text on and off.*/
.off { background-color: #fff; }
.underline{ text-decoration:underline;}

/* Navigation
-----------------------------------------------*/
nav { margin-left: 1em; }
nav hr {
    color: #FFF;
    margin: 6px auto;
    text-align: center;
    width: 50%;
}

/* Breadcrumbs
-----------------------------------------------*/
#breadcrumbs {color: #989494; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; text-transform: capitalize; }
#breadcrumbs .parent {font-weight:normal}

/* Content
-----------------------------------------------*/
#content {  background: #FFF;   box-shadow: -1px 1px 6px #B3B3B3;   padding: 0;   border-radius: 6px;}


/* Aside
-----------------------------------------------*/
#metadetails { width:200px; margin-right:1em; float:left}
#meta h1 { color:#8ED13E; font-size:2.0em; margin:0.25em 0em 1em 0em;*/ text-shadow: 0px 1px 1px rgba(0, 0, 0, .5); border-bottom: 1px solid #b3b3b3; }
#metadetails dl{}
#metadetails dt{font-weight:bold}
#metadetails dd{margin-left:22px}
.toggle ~ div { display:none; } /* for hiding the toggled element */
#metadetails .label { background-color:#8ED13E; border-radius:4px 4px 4px 4px; margin:4px 0px;/*padding:.5em; width:200px;*/ color:#222; height:34px; text-align:middle; line-height:34px}
.toggle:hover { cursor:pointer; text-decoration:underline; }
#meta .label {background-color:#8ED13E; border-radius:4px 4px 4px 4px; margin:4px 0px;padding-left:.5em;/* width:200px;*/ color:#222; height:34px; text-align:middle; line-height:34px}

#addtional_information {margin-left: 220px;}


/* DEADLINE STYLES
[]  - associated with the pubdeadline embed
-----------------------------------------------*/
.deadline   {  }
.dl_default { background:hsl(100,100%,50%); color:hsl(100,100%,0%); }
.dl_caution { background:hsl( 50,100%,50%); color:hsl(230,100%,50%); }
.dl_warning { background:hsl( 25,100%,50%); color:hsl(205,100%,0%); }
.dl_passed  { background:hsl(  0,100%,50%); color:hsl(100,100%,50%); }

td time { display:block; text-align:center; }


/* Tables
-----------------------------------------------*/
/* tablesorter js classes*/
.odd { }
.even {  background:#f5f5f5 }
.tablesorter { color: #777;}
.tablesorter tr:hover { background:rgba(244, 244, 244, 0.49);color: #000; }
.tablesorter .headerSortDown { background: url("/design/arrow_down.png") no-repeat scroll right 17px #8ED13E; }
.tablesorter .headerSortUp { background: url('/design/arrow_up.png') no-repeat right 17px #8ED13E  }
.tablesorter td {text-align:left;}


caption{ caption-side:bottom; padding-top:1em}

table { empty-cells: show;
    border-collapse: collapse;
    margin-top:1em;
    width:100%; }
thead   { background: #E8E8E8;  }

th {  text-transform:uppercase; vertical-align: baseline; 
    /* padding: 6px 15px 6px 12px; */
    padding: 6px;
    border: 1px solid #cccccc;
 }
thead:first-child { border-left:#cccccc; }

td { vertical-align: middle;
    padding: 3px 6px;   
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; 
     }
td p {
    text-align: left;
    width: 60%;
    margin 0 auto;
}   
td:first-child { border-left:none; }
td.title {
text-align: left;
width: 40%;
}
th.photos.header {
  width: 2em;
}

td a:hover  { text-decoration:underline; }
td .title   { display:block; }

a.title:link,a.title:active,a.title:visited {text-decoration:none; color:#4711AE; }
a.title:hover { text-decoration:underline; }

td .delete a { color:#999; }

.table_title { max-width: 30em;}

.issue { max-width: 12em;}

.table_title a, .table_title p { float: left; display: block; text-align: left;}

.divider{ line-height:32px; border-left: 1px solid #000; margin:5px;}

.allowed_filetypes {font-size:small;}

.tablesorter tr > td:last-child{}

.icon {width:25px; height:25px;}

/* Form Elements
-----------------------------------------------*/
.hiddenFields, .hidden, input[type="hidden"] { display:none; }

input, textarea, select {   border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; padding: 5px; width: 100%;
    box-shadow: 0 2px 0 1px hsla(0, 0%, 50%, 0.05)
                inset, 0 -1px 0 0 hsla(0, 0%, 50%, 0.05),
                0 1px 0 0 #FFFFFF;
    }
input {}
input[type="checkbox"]{ height: 22px; width: 50px; margin: 0; border: none; border-radius: none; padding: 0; box-shadow: none; }
input[name="username"]{ width:50%; }
input[name="password"]{ width:50%; }

textarea{ resize:vertical; }

.date_form {float: left; width: 20em;}

.date_icon {float: left; margin: 0 .25em 0 0;}
.date_icon img {height: 24px;}

.datepicker { width: 15em; float: left;}

#archives {}
.ui-datepicker .ui-datepicker-title  {font-size: 1rem;}
#issue_pub {}

:-webkit-input-placeholder { font-style: italic; color: #CCC; }
:-moz-placeholder {  font-style: italic; color: #CCC; }
:-ms-input-placeholder { font-style: italic; color: #CCC; }

#article_text{  height: 400px; }
label, .label { display: inline-block; font-size: 1.142857142857143em; margin-top: 1em; }
/*article label:first-child {margin-top:0em;} fixes large gap at top of forms*/
select { width: 268px; margin: 0 0 1em 0; padding: 5px; font-size: 16px; height: 34px; }
option { height:34px; padding-top:9px }
.required:after{content:"*"; color:#ff0000;}



#searchbox{ margin: 0;
  position: absolute;
  right: 0;
  top: 2.7em;
  width: 300px;
}
#searchbox input{ margin:2, padding:0px; }
#searchbox .searchinput{ width:200px; float:left; margin-right: 1em }
.searchtool{
    margin: 0 1em;
}

/* PHOTO GALLERY */
#photo_gallery      { }
#paginate           { clear:left; }
.gallery_photo      { width:225px; display:inline-block; margin-right: 1em; text-align:center; border:1px #e5e5e5 solid;  border-radius:0px 0px 6px 6px; word-break:break-word;}
.photo_meta         { font-weight:bold;display:block; }
.photo_meta_details { font-size:.8em; }

.screenname { text-transform:uppercase; line-height:1em; display:block; }

.passeddeadline { background:red; color:#000;} /* deadline styling under the editors channel*/ 

/* Rating
----------------------------------------------------
.rate { margin: 0 auto; text-align: center; }
.rating { position: relative; width: 140px; height: 33px; margin: 0 auto; }
.rating .cover { position: absolute; background: transparent url('images/rating_grey.png') top left no-repeat; top: 0px; left: 0px; width: 140px; height: 33px; z-index: 101; }
.rating .progress { position: absolute; background: transparent url('images/rating_color.png') top left no-repeat; top: 0px; left: 0px; height: 33px; z-index: 102;}
*/





/* NOTES STYLES
-----------------------*/
#related_notes h2   { font-style:italic; margin:.5em 0em}
#notelist .author   { text-transform:uppercase; color:#FD8715; }
#notelist dt        { border-top: 1px solid #e5e5e5; color:#666; padding-top:1em; }
#notelist dd        { }

button:hover {cursor: pointer; background-color: #CCC; background-image: -moz-linear-gradient(top, #737D86, #27333A); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #737D86),color-stop(1, #27333A)); /* Saf4+, Chrome */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#737D86', EndColorStr='#27333A'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#737D86', EndColorStr='#27333A')"; /* IE8 */ border-color: #3B474E; color: #FFF; text-shadow: 1px 1px 0px #000; }
button, button:active { background-color: #DEDEDE; /* FF3.6 */ /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ECECEC', EndColorStr='#DEDEDE'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ECECEC', EndColorStr='#DEDEDE')"; /* IE8 */ border: 1px solid #BDBCBD;           
            /* These are used for all buttons */-moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3-4 */ border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */ font-size: 12px; font-weight: bold; color: #000; padding: .7em 1.1em .5em 1.1em; }
/* Hover for other buttons (non-generic) */
button.delete:hover, button.cancel:hover, button[type="submit"]:hover { background-color: #DEDEDE; background-image: -moz-linear-gradient(top, #ECECEC, #DEDEDE); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ECECEC),color-stop(1, #DEDEDE)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ECECEC', EndColorStr='#DEDEDE'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ECECEC', EndColorStr='#DEDEDE')"; /* IE8 */ color: #000; text-shadow: 1px 1px 0px #FFF; border-color: #BDBCBD; }     
/* Submit */    
button[type="submit"], button[type="submit"]:active { background-color: #83BD3F; /* FF3.6 */ /* Saf4+, Chrome */ /* IE6,IE7 */ /* IE6,IE7 */ /* IE8 */ color: #FFF; border-color: #FFFFFF; text-shadow: none; text-transform: uppercase; font-weight: lighter; }



/* Delete */
button.delete, button.delete:active { background-color: #CC3333; background-image: -moz-linear-gradient(top, #ED3B3B, #CC3333); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ED3B3B),color-stop(1, #CC3333)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ED3B3B', EndColorStr='#CC3333'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ED3B3B', EndColorStr='#CC3333')"; /* IE8 */    color: #FFF; border-color: #8E0000; text-shadow: 1px 1px 0px #000; }
/* Cancel */
button.cancel, button.cancel:active {background-color: #006699; background-image: -moz-linear-gradient(top, #0082C3, #006699); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0082C3),color-stop(1, #006699)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0082C3', EndColorStr='#006699'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0082C3', EndColorStr='#006699')"; /* IE8 */ color: #FFF; border-color: #005580; text-shadow: 1px 1px 0px #000;      }

/*Push order does matter if before submit it wont apply*/
button.Push, button.Push:active {background-color: #006699; background-image: -moz-linear-gradient(top, #0082C3, #006699); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0082C3),color-stop(1, #006699)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0082C3', EndColorStr='#006699'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0082C3', EndColorStr='#006699')"; /* IE8 */ color: #FFF; border-color: #005580; text-shadow: 1px 1px 0px #000;      }


.deletetxtlink{color:#CC3333}

/*  FILTER STYLES
    buttons for listing filter 
-----------------------------------------*/

/* on listing pages */
/*#pubfilter li a:focus{background:#8ED13E; border-radius:6px;} changed below by Derek */
#pubfilter li a.on{background:#000; border-radius:6px;}
#pubfilter li.reset a:focus{ background: #CC3333; border-radius:6px; line-height:30px; border-radius:6px;}

#pubfilter , #pubfilter ul li   { padding: 0; margin: 0; list-style: none; }
#pubfilter                      { display: block; margin: 0; clear: both; padding: 1em; width: 100%;}
#pubfilter li                   { float: left; text-align: center; margin-right: 1em; margin-bottom: 1px;  border-radius:6px; opacity:1;
                                
                                transition: opacity .25s ease-in-out;
                                -moz-transition: opacity .25s ease-in-out;
                                -webkit-transition: opacity .25s ease-in-out;

                                }
#pubfilter li a                 { line-height:30px; vertical-align:middle; display: block; height: 42px;  padding: 4px;}
#pubfilter li:hover             {}
#pubfilter li:last-child        { margin-right: 0; }
#pubfilter select               { margin-left:1em; }
#pubfilter li a img             {vertical-align:middle;}

#listingfilter{ margin-bottom:1em; width: 15em; float: left;}

/* issues filter block on new/edit forms */
#issuefilters { clear: both; margin-top:1em; }
#issuefilters ul, #issuefilters ul li { padding: 0; margin: 0;  list-style: none; }
#issuefilters ul { display: block; margin: 1em 0em; clear: both; }
#issuefilters ul li { float: left;text-align: center; margin-right: 15px; margin-bottom: 1px;  }
#issuefilters ul li a { }
#issuefilters ul li:hover { background: #f5f5f5; }
#issuefilters ul li:last-child { margin-right: 0; }
#issuefilters ul li.reset{ background: #CC3333; border-radius:6px; line-height:30px}
#issuefilters ul li.reset a{ display:block;  width:100px; text-align:center;color: #FFF; }
#issuefilters ul li.reset:hover { background: #EF6767; }
/* #issuefilters select { margin-left:1em; } */

.top-tools {padding:1em; width:100%; float:left;}
.message {}
.paging { padding-left:1em;}
.note {font-size:.8em;} /* generic class for providing a description or sidenote */

.reset              { background: #C33; border-radius:6px; text-indent: 1.5em; width:6em; }
.reset a            { display:block; width:75px; text-align:center; color: #FFF; text-decoration:none; text-indent: 1px;}
.reset :hover       { }




/* columns */
#content .col_1 {   display: block; width: 100%;    float: left;}
ul.columns {    padding: 0; margin: 0;  list-style: none;}
ul.columns li { display: block; width: 100%; float: left;}
ul.columns li:nth-child(even) { margin-right: 0; }
ul.columns li textarea { height: 100px; }

footer { text-align:center; margin:1em auto; } 


/* Jquery Datepicker Styling (maybe do a custom UIcss)*/
.ui-datepicker{background-color:#fff; border:1px solid #000 ;}
.ui-datepicker-header{width:100%}
.ui-datepicker-next,.ui-datepicker-prev{ width:49%; cursor:pointer; color:#4711AE; float:left}
.ui-datepicker-next{text-align:right; padding:10px 10px 0 0;}
.ui-datepicker-prev{text-align:left; padding:10px 0 0 10px}
.ui-datepicker-title{font-weight:bold; text-align:center; display:block; font-size:1.5em; color:#FD8715; }
.ui-datepicker-calendar{}

/* Media Queries
------------------------------------------*/
@media screen and (min-width: 480px) {
    
}

@media screen and (min-width: 768px) {
    .login {background: url(design/login_ani_1.gif) center center fixed; background-size: cover;}
    .login-screen { padding: 1em; width: 389px; margin:3em auto 0 auto; background: rgba(255, 255, 255, 0.86); margin: 24vh auto 0 auto; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
    header#header {background: #E9E9E9; padding: 1em; }
    header#header #loginstatus { position: absolute; right: 1em; top: 2em; margin: 0; }

    .system-name a {width: 23.6em;text-decoration: none;margin: 12px 0 0 0;display: block;}
    .company-name {font-size: 2.2rem;font-family: Palatino, Georgia, Times, Serif;color: #83BD3F;font-weight: bolder;margin: 6px 0 0 0;display: block;float: left;}
    .stylish {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: #F0F8FF;
        font-size: 1.2rem;
        background: #83BD3F;
        float: right;
        padding: 4px 7px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .125rem;
}
    /* Navigation   -------http://www.cssplay.co.uk/menus/cssplay-click-click.html */
    nav { margin: 0; }
    #navigate { height:42px; padding:0; margin:0; position:relative;list-style:none; width: 100%; display: block; z-index:3; background:#FCFCFC; }
    #navigate ul { padding:0; margin:0; list-style:none; position:absolute; left:0; top:42px; display:none; opacity: 1; }
    #navigate > li { float:left; position:relative; border-right: 1px solid #7AB830; }
    #navigate > li:last-child { border: none;   }
    #navigate > li > a {color: #246091; display:block; float:left; font:400 .8em/42px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration:none;  padding:0 20px; outline:0; position:relative; z-index:10;text-transform: uppercase; opacity:1;
                        
                        }
    #navigate > li:first-child > a { }
    #navigate > li > a.drop  {padding:0 20px 0 10px; background: url('/design/arrow_down.png') no-repeat right 17px; }
    #navigate img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; display:none; cursor:pointer; z-index:100; }
    #navigate ul li a { /* width: 180px; */ display:block; white-space:nowrap; line-height:25px; padding:10px 10px; font:400 .8em 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration:none; color:#fff; background:#ABABAB;   border-bottom: 1px solid #333;  }
    #navigate ul li:first-child a { border-radius: 0; }
    #navigate ul li:last-child a { border-radius: 0 0 4px 4px;}
    #navigate ul li a:hover { color: #8ED13E; background:#555; text-shadow: none; }
    
    /* pre hover test
    #navigate > li > a:focus { background:#000; color:#8ED13E; text-shadow: none; }
    #navigate > li > a.drop:focus { line-height:42px; background:#212121 url('/design/arrow_up.png') no-repeat right 17px;color: #8ED13E;   text-shadow: none; border-radius: 4px 0px 0px 0px; }
    #navigate > li:last-child > a.drop:focus { border-radius: 0;    }
    #navigate > li > a:focus ~ ul { display:block; }
    #navigate > li > a:focus + img { display:block; }
    #navigate ul:hover { display:block; }
    */
    
    #navigate > li > a:hover { background:#666; color:#8ED13E; text-shadow: none; opacity: 1;}
    #navigate > li > a.drop:hover { line-height:42px; background:#6B6B6B url('/design/arrow_up.png') no-repeat right 17px;color: #8ED13E;   text-shadow: none;}
    #navigate > li:last-child > a.drop:focus { border-radius: 0;    }
    #navigate > li > a:hover ~ ul { display:block; }
    #navigate > li > a:focus + img { display:block; }
    #navigate ul:hover { display:block; opacity:1; }
    
    /* Issues Filter 
    #issuefilters ul li { width: 19%; }*/
    
    /* columns */
    #content .col_1 { width: 49.5%; }
    ul.columns li { display: block; width: 49.5%;   margin-right: 1%;   }
    ul.columns li textarea { height: 90px; }
    
    /* Breadcrumbs  ---------*/
    #breadcrumbs { margin: 1em 0 1em 0; }
}

/* Forms */
.header-search {width: 40%; position: absolute; top: 1.7em; left: 35em;}
.header-search fieldset {
float: left;
width: 300px;
}
.header-search button {
height: 26px;
margin: 0 0 0 .5em;
}
@media screen and (min-width: 1024px) {
    /* Issues Filter 
    #issuefilters ul li { width: 11%; }*/
}
.pad {
    padding: 1%;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .login {
        background: none;
    }
    .login-screen {
        width: 90%;
    }
}