/**
 * 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: brian $
 * @copyright    Rensselaer Polytechnic Institute
 * @license      GPLv2, see www.gnu.org/licenses/gpl-2.0.html
 * @version      $Revision: 677 $
 */

/*
   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:#24255B;
	clear:both;
	color:#FFFFFF;
	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:#FFFFFF;
	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:20px !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;
}