/**
 * This file was developed as part of the Concerto digital signage project
 * at RPI.
 *
 * Copyright (C) 2009 Rensselaer Polytechnic Institute
 * (Student Senate Web Technologies Group)
 *
 * This program is free software; you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by the Free
 * Software Foundation; either version 2 of the License, or (at your option)
 * any later version.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * General Public License for more details.  You should have received a copy
 * of the GNU General Public License along with this program.
 *
 * @package      Concerto
 * @author       Web Technologies Group, $Author$
 * @copyright    Rensselaer Polytechnic Institute
 * @license      GPLv2, see www.gnu.org/licenses/gpl-2.0.html
 * @version      $Revision$
 */

/*
   CONCERTO PANEL STYLES
   CSS Document
   *************************
   These styles are used for all non-jQuery elements of the Concerto Panel.
   2008, Concerto Team.
*/

/*========= GENERAL STYLES =========*/
body { background:url(../images/footer_bg.gif) repeat; }
body, html { border:0;color:#000;font-family:"Lucida Grande",Arial,sans-serif; /* font-family:Arial, Verdana, sans-serif; */font-size:small;margin:0 auto;min-width:980px; padding:0; }
a { color:#006699; font-weight:bold; text-decoration:none; }
a:hover { color:#666; text-decoration:underline; }

#wrap {  }

#header { background:#000;clear:both;color:#ccc;font-size:85%;margin:0px;padding:0px;text-align:left; /* height:20px; */ }
.header-login { background:#000 !important; }
#header_padding { padding:15px 0px 0px 0px; }
#header h1 { color:#ccc;font-size:250%;font-weight:700; }
#header a:link, #header a:visited { color:#ccc;text-decoration:none; }
#header a:hover { color:#FFF;text-decoration:none; }

/* Menu Tabs / Login Message */
#tabs{border-bottom:4px solid #666;float:left; width:100%;min-height:18px;font-size:100%;line-height:normal;}
#tabs-padding { padding-left:195px; }
.tabs_bgimg { padding-right:200px !important; }
#tabs h1 { font-size:1.7em !important; display:block; margin:12px 0px; margin-bottom:6px !important; }
#tabs p { font-size:1.2em; display:block;margin:20px 0px; margin-top:0px !important; }
#tabs ul{margin:0;padding:0 10px 0 0;list-style:none;}
#tabs ul li{display:inline;margin:0;padding:0;}
#tabs ul a{float:left;background:url("../images/tableftH.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabs ul a span{float:left;display:block;background:url("../images/tabrightH.gif") no-repeat right top;padding:5px 15px 4px 10px;color:#FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span{float:none;}
/* End IE5-Mac hack */
#tabs a:hover span{color:#FFF;}
#tabs ul a:hover{background-position:0 -42px;}
#tabs ul a:hover span{background-position:100% -42px;}

#main { background:#FFF url(../images/content_header_bg.gif) top left repeat-x; }
#content_header { padding-left:195px; }
#content_header h1 { color:#000;margin:0px; padding:16px 0px 0px 0px; }
#content_header h2 { color:#333;font-weight:700;font-size:0.85em;margin:5px 0 0px 0px;padding:0px 0px 5px 0px; }
#content_header h2 a { color:#069;text-decoration:none; }
#content_header h2 a:hover { text-decoration:underline; }
#left_bg { float:left;width:200px; }

#menuframe { color:#FFF;left:20px;position:absolute;z-index:40;top:0;width:138px; }
div.logo_box, div.menu_box_content { border-left:solid 1px #FFF;border-right:solid 1px #FFF;border-bottom:solid 1px #FFF;border-top:0;margin-bottom:2px; }
div.logo_box { border:0px !important; }
div.logo_box_padding { background:#069 url(../images/logobox_bg.gif) top center repeat-y; }

div.menu_box { font-size:0.9em; margin-bottom:2px; text-align:center; }
div.menu_box a:link, div.menu_box a:visited, .menu_box_content a:visited { color:#FFF;text-decoration:none; }
div.menu_box img { text-align:center; }
div.menu_box a:hover, .menu_box_content a:hover { color:#ccc;text-decoration:underline; }
div.menu_box_padding { background:url(../images/menubox_bg.gif) top center repeat-y; }

div.alert_box { color:#006699; background:url(../images/alert_box.gif) repeat;font-size:0.8em; border-left:solid 1px #FFF;border-right:solid 1px #FFF;border-bottom:solid 1px #FFF;border-top:0; margin-bottom:2px; text-align:center; }
div.alert_box p { color:#006699; padding:2px; font-weight:bold; }
div.alert_box a { color:#006699; text-decoration:none; }
div.alert_box a:hover { color:#003366; text-decoration:underline; }
div.alert_box_inset { background:url(../images/alertbox_top.gif) top center no-repeat; }
div.alert_box_padding { background:url(../images/alertbox_bottom.gif) bottom center no-repeat; }

#fp_present { background:url(../images/present_new.jpg) center right no-repeat; padding-right:460px; min-height:400px; padding-bottom:25px; }
#fp_present h1 { font-size:2em !important; color:#333; margin-left:6px !important; margin-bottom:30px !important; }
#fp_present p.fp { margin:15px 6px !important; line-height:1.6em !important; }

div.logo_box_padding, div.menu_box_padding, div.alert_box_padding { padding:8px; }
div.menu_box h1, div.alert_box h1 { font-size:1.2em; }
div.menu_box h2, div.alert_box h2 { font-size:115%;margin:8px 0;padding:0; }
div.menu_box h3, div.alert_box h3 { font-size:120%;margin:0 0 4px;padding:0; }
div.menu_box h4 { font-size:0.9em; margin:8px 0px; padding:0px; }

#maincontent_header { margin-left:185px; }
#maincontent { margin:0px; padding:25px 25px 50px 195px; /*margin-left:195px;margin-bottom:50px;margin-right:25px; margin-top:25px; */text-align:left; }
#maincontent h1, #maincontent h1 a { font-size:1.1em; font-weight:bold; margin:0px 0px 8px 0px; padding:0px; }
#maincontent h2 { color:#666666; font-size:1.1em; font-weight:bold; margin:0px 0px 20px 0px; padding:0px; }
#maincontent h4.browseh { color:#333; font-size:1.5em; margin-bottom:0px;  }
#maincontent p.browsep { margin-bottom:18px; margin-top:0px; color:#666; }
#maincontent_padding { background:#FFF !important; padding:15px 8px 8px; }

#footer_gutter { background:#FFF url(../images/footer_edge2.gif) bottom center repeat-x; clear:both; height:30px; }
#footer { color:#333; background:url(../images/footer_bg.gif) repeat;font-size:0.7em;letter-spacing:0.08em;text-align:center;width:100%; }
#footer_padding { padding:0px 13px 13px 13px; }
#footer a:link, #footer a:visited { color:#333;font-size:100%;text-decoration:none; }
#footer a:hover { color:#69c;font-size:100%;text-decoration:underline; }

/* DASHBOARD */
#screenstat_hidden { display:none; }
div.screenstat { height:45px; float:left; margin:6px; padding:0px; }
div.screenstat p { margin:0px; padding-top:5px; }

table.edit_win { background:url(../images/lightblue_bg.gif) repeat; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; margin:0px; padding:0px; width:100%; }
table.edit_win td { border-top:solid 1px #ccc; padding:16px; text-align:left; vertical-align:top; }
table.edit_win td.merged { border-top:none !important; padding-top:0px; }
table.edit_win td p { color:#666666; line-height:normal; margin:0px 0px 6px 0px; padding:0px; }
table.edit_win td h4 { color:#666; font-weight:normal; margin:0px; }
table.edit_win td h5 { color:#333333; font-size:1.15em; font-weight:bold; line-height:normal; margin:0px 0px 6px 0px; padding:0px; }
table.edit_win td.icon { width:90px; }
table.edit_win tr.minlist { padding:0px; font-size:1.05em; vertical-align:middle; background:url(../images/alert_box.gif) repeat; }
table.edit_win tr.minlist td { padding:4px; border-bottom:solid 1px #FFF; text-align:center; }
table.edit_win tr.minlist td.mintitle { text-align:left; }
table.edit_win tr.minlist img { border:solid 1px #FFF; }
table.minedit td { padding:0px !important; border:0px !important; }
table.edit_win tr.minlist span.mintitle { display:block; padding:8px; }
table.edit_win tr.minlist span.emph { font-size:1.25em; padding-right:12px; }
table.edit_win input { width:200px; }
table.edit_win input.small { width:85px; }
table.edit_win input.extended { width:100%; }
table.edit_win span.emph { font-weight:bold; }
table.edit_win td img.icon { border:0px; }
img.icon_border { border:solid 1px #666 !important; }
td.edit_col { width:70%; }

div.feeddiv {  }
p.yieldstop { background:url(../images/stopyield_bg.gif) top center no-repeat !important; padding-top:100px; font-size:1.1em !important; height:200px !important; font-family:"Lucida Grande", Arial, sans-serif; }
p.feeddesc_screens { color:#000 !important; }
div.view_left { float:left; margin-right:20px; height:160px; }
div.view_right { width:100%; }

table.item_details td { padding:2px; }
#submissions h2 span.toplink { font-size:0.85em; padding-left:10px; }


/* Control Screens */
.roundcont_sf { cursor:hand; float:left; margin:6px; margin-right:16px !important; width:200px !important; text-align: center; }
.roundcont_sf:hover { background:url(../images/medblue_bg.gif) repeat; }
.roundcont_sf img { border:0px; margin-bottom:8px; }
.sf { }
.sf_header { display:block; height:100px; }
.sf_header h2 { font-weight:normal !important; margin-bottom:18px !important; }
div.screenfloat { float:left; cursor:hand; border:solid 2px #cccccc; margin:6px; text-align:center; width:300px; }
div.screenfloat:hover { background:url(../images/medblue_bg.gif) top left repeat; border:solid 2px #006699; }
div.screenfloat a { display:block; }
div.screenfloat img { border:0px; }
div.screenfloat_padding { padding:25px; }
div.screenfloat h1 { font-size:1.75em !important; }
div.screenfloat h2 { font-size:1.25em !important; }
div.screenfloat h3 { color:#333; font-size:1em; font-weight:bold; }
div.screenfloat h3 a, div.screenfloat h3 a:visited { color:#333333; text-decoration:none; }
div.screenfloat h3 a:hover { color:#006699; text-decoration:underline; }

div.select { background:#006699 url(../images/menu_bg.gif) repeat; color:#FFF; margin-bottom:25px; width:100%; }
div.select_padding { padding:0px 15px; }
div.select td { padding-right:25px; }


/* ========= Common elements =========*/

/* Rounded edges */
.roundcont { width:100%; margin:0px; padding:0px; margin-bottom:20px !important; }
.roundcont_main { border-left:solid 1px #999; border-right:solid 1px #999; padding:8px 14px; }
.roundcont_main h1 { color:#333 !important; font-size:1.2em !important; font-weight:bold; }
.roundcont_main h1.addcontent { font-size:1.5em !important; }
.roundcont_main h1.fp { padding-top:12px !important; }
.roundcont p { margin: 0 15px; }
.newsfeed { background:url(../images/lightgray_bg.gif) repeat; }
.newsfeed a { font-weight: normal !important; }
.newsfeed p { margin-top:0px; margin-left:10px; margin-bottom:0px; padding:0px 0 12px 30px; }
.newsfeed p.feed_approve { background:url(../images/nf_check.gif) top left no-repeat; }
.newsfeed p.feed_add { background:url(../images/nf_addcontent.gif) top left no-repeat; }
.newsfeed p.feed_new { background:url(../images/nf_newfeed.gif) top left no-repeat; }
.newsfeed p.feed_deny { background:url(../images/nf_ex.gif) top left no-repeat; }
.newsfeed p.feed_update { background:url(../images/nf_feedupdate.gif) top left no-repeat; }
.newsfeed p.screen_update { background:url(../images/nf_screen.gif) top left no-repeat; }
.newsfeed p.screen_subscribe { background:url(../images/nf_screenadd.gif) top left no-repeat; }
.newsfeed p.screen_new { background:url(../images/nf_screennew.gif) top left no-repeat; }
.newsfeed p.group_join { background:url(../images/nf_joingroup.gif) top left no-repeat; }
.newsfeed span.datesub { color:#666; font-size: 0.75em !important; padding-left:12px; }
.newsfeed span.newsfeed_reason { background:url(../images/nf_quotes.gif) top left no-repeat; display:block; margin:5px 0px; padding:5px 12px 5px 40px; color:#666; border:solid 1px #dedede; border-bottom:0px; border-left:0px; border-right:0px; }
br.funkybreak { clear:both; height:1px !important; }

.roundtop { background: url(../images/rc_tr.gif) no-repeat top right; text-align:left; height:6px; }
.roundbottom { background: url(../images/rc_br.gif) no-repeat top right; text-align: left; height:6px; }
.rt { width:6px; height:6px; background:url(../images/rc_tl.gif) no-repeat top left; display:block; }
.rb { width:6px; height:6px; background:url(../images/rc_bl.gif) no-repeat top left; display:block; }
.newsfeed .roundtop { background: url(../images/rc_tr_nf.gif) no-repeat top right; text-align:left; height:6px; }
.newsfeed .roundbottom { background: url(../images/rc_br_nf.gif) no-repeat top right; text-align: left; height:6px; }
.newsfeed .rt { width:6px; height:6px; background:url(../images/rc_tl_nf.gif) no-repeat top left; display:block; }
.newsfeed .rb { width:6px; width:100%; text-align:center; height:6px; background:url(../images/rc_bl_nf.gif) no-repeat top left; display:block; }
span#seemore { cursor: pointer; border-top:solid 1px #c4c4c4; display:block; height:24px; color:#666; font-weight:bold !important; font-size:0.75em; background:#d8d8d8 url(../images/rc_bl_sm.gif) bottom left no-repeat; text-align:center; padding-left:48px; }
span#seemore-inner { display:block; height:20px; padding-top:4px; background: url(../images/rc_br_sm.gif) bottom right no-repeat; padding-right:48px; }
a .roundcont:hover .roundtop { background: url(../images/rc_tr_hov.gif) no-repeat top right; }
a .roundcont:hover .roundbottom { background: url(../images/rc_br_hov.gif) no-repeat top right; }
a .roundcont:hover .rt { background:url(../images/rc_tl_hov.gif) no-repeat top left; }
a .roundcont:hover .rb { background:url(../images/rc_bl_hov.gif) no-repeat top left; }
.rt img, .rb img { zoom:1; margin:0px; padding:0px; }
img.corner { width: 6px; height: 6px; border: none; display: block !important; }
img.topleft { margin-left:-1px; margin-top:-1px; }
img.botleft { margin-left:-1px; margin-bottom:-1px; }

/* Gray ACTION button */
.buttonsel { cursor: hand; color:#FFF; font-size:0.8em; font-weight:bold; text-decoration:none; height:24px; margin-bottom:10px; display:inline; }
.buttonleft { float:left; height:24px; width:12px; }
.buttonmid { height:24px; float:left; background:#999; }
.buttonmid_padding { padding:5px 5px; }
.buttonright { float:left; height:24px; width:22px; }
.buttonsel a { color:#FFF; font-size:1.2em; font-weight:bold; text-decoration:none; }
.buttonsel a:hover { color:#FFF; text-decoration:underline; }

span.emph { font-size:1.4em; }
h3 span.emph { color:#000 !important; padding-left:8px; }

/* Screens/Feeds Subscription View (screens/show.php) */
ul.subscriptions { margin:0px 25px; padding:0px; list-style:none; }
ul.subscriptions li { border:solid 1px #006699; margin-bottom:20px; background:#ccc url(../images/lightblue_bg.gif) repeat; padding:10px 20px 10px 10px; }
ul.subscriptions h2 { color:#666 !important; }
ul.subscriptions h2 span.emph { color:#000 !important; padding-right:8px; }
ul.subscriptions ul { list-style:none; }
ul.subscriptions ul li { border:solid 2px #666; }

p.dyn_stat { background:url(../images/dyn_stat_bg.gif) center left no-repeat; color:#333; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:10px 8px 10px 50px; margin:0px 12px 18px 12px; }
p.dyn_stat b { font-style: italic; }


/* Moderate */
td.actions { color:#006699; font-weight:bold; font-size:0.9em; background:#FFF url(../images/mod_bg.gif) top right repeat-y; width:100px; border-right:solid 1px #666; vertical-align:top !important; padding-top:25px !important; text-align:right; }
span.mod_confirm { display:block; width:120px; background:url(../images/dur_med.gif) top center no-repeat; padding:3px 0px; }
span.approve { color:green; font-weight:bold;  display:block; font-size:1.2em; margin-bottom:8px; }
span.deny { color:red; font-weight;bold; display:block; margin-bottom:8px; font-size:1.2em; }
a:hover span.approve, a:hover span.deny { text-decoration:underline; }

/* Alert Messages */
div.alertmess { width:99%; margin:0px 0px 8px 0px; font-size:1.35em; padding:1px 12px; }
div.alertmess p { margin-left:55px; font-weight:bold; padding:8px; }
div.error { background:url(../images/alert_error.gif) center left no-repeat; color:red; }
div.error p { border-top:solid 4px #ff0000; color:#ff0000; background:#ffcccc; }
div.warn { background:url(../images/alert_warning.gif) center left no-repeat; }
div.warn p { border-top:solid 4px #666600; color:#666600; background:#ffff99; }
div.stat { background:url(../images/alert_status.gif) center left no-repeat; }
div.stat p { border-top:solid 4px green; color:green; background:#ccffcc; }
div.info { background:url(../images/alert_info.gif) center left no-repeat; color:#006699; }
div.info p { border-top:solid 4px #006699; color:#006699; background:url(../images/alert_box.gif) repeat; }