/*
 * Password Management Servlets (PWM)
 * http://code.google.com/p/pwm/
 *
 * Copyright (c) 2006-2009 Novell, Inc.
 * Copyright (c) 2009-2010 The PWM Project
 *
 * 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; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */

html, body { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; height:100%; margin:0 }

a { color:#2D2D2D; text-decoration:underline; font-weight:bold }
p { max-width: 600px; color:#2D2D2D; position:relative; margin-left: auto; margin-right: auto}
hr { float: none; width:100px; position:relative; margin-left:5px; margin-top: 30px; margin-bottom: 30px; }

h1 { font-size:16px; }
h2 { font-size:14px; }
h3 { font-size:12px; }

select { font-family:Trebuchet MS, sans-serif }

table { border-collapse:collapse;  border: 2px solid #D4D4D4; width:100%; margin-left: auto; margin-right: auto }
table td { border: 1px solid #D4D4D4; padding-left: 5px;}
table td.title { text-align:center; font-weight: bold; font-size: 150%; padding-right: 10px; background-color:#DDDDDD }
table td.key { text-align:right; font-weight:bold; padding-right: 10px; width: 200px;}

.inputfield { width:400px; margin: 5px; }

/* main body wrapper, all elements (except footer) should be within wrapper */
#wrapper { width:100%; min-height: 100%; height: auto !important; height: 100%; margin: 0; }

/* main content section, all content should be inside a centerbody div */
#centerbody { width:600px; min-width:600px; padding:0; position:relative; ; margin-left:auto; margin-right:auto; margin-top: 10px; clear:both; padding-bottom:40px;}

/* all forms use a buttonbar div containing the action buttons */
#buttonbar { margin-top: 30px; width:600px; margin-bottom: 15px; text-align: center}
#buttonbar .btn { font-family:Trebuchet MS, sans-serif; margin-left: 5px; margin-right: 5px }

/* used for password complexity meter */  /* start width 28 */
#vertgraph          { width: 28px !important; height: 60px; float: right; position: relative; border:2px solid #A4A4A4; }
#vertgraph ul       { width: 28px !important; height: 207px; margin: 0; padding: 0; }
#vertgraph ul li    { width: 28px !important; position: absolute; height: 160px; bottom: 0px; padding: 0 !important; margin: 0 !important; background: url("progress_bar_bg.jpg") no-repeat !important; text-align: center; font-weight: bold; color: white; line-height: 2.5em; }
#vertgraph li.bar   { left: 0px; background-position: 0px bottom !important; }
.strengthdisplay    { float: none; margin-top: 65px; margin-left: 30%; margin-right: 30%; text-align:center; font-size: 85%; }

/* header stuff */
#header         { margin-left: auto; margin-right: auto; width:600px; height: 90px; background-image:url('header.gif') }
#header-page    { width:600px; padding-top:9px; text-align: center; font-family:Trebuchet MS, sans-serif; font-size:22px; color:#FFFFFF; }
#header-title   { width:600px; text-align: center; font-family:Trebuchet MS, sans-serif; font-size:14px; color:#FFFFFF; }

.clear { clear:both; }

.msg-info    { display:block; padding:6px; background-color:#DDDDDD; border:1px solid #D4D4D4; width: 560px;}
.msg-error   { display:block; padding:6px; background-color:#FFCD59; border:1px solid #D4D4D4; width: 560px;}
.msg-success { display:block; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; width: 560px;}

#footer { position:relative; ;text-align: center; bottom:0; width:100%; color: #BBBBBB; font-size: 11px; height: 30px; margin: 0; margin-top: -30px}
#footer .idle_status { color: #333333; }

#capslockwarning { font-family: Trebuchet MS, sans-serif; color: #d20734; font-weight:bold; font-variant:small-caps; margin-bottom: 5px;}