base2.css

/*
* Copyright (C) 2009-2010 Nokia Corporation and/or its subsidiary(-ies).
* All rights reserved. Contact: Pasi Eronen <pasi.eronen@nokia.com>
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
*  * Redistributions of source code must retain the above copyright
*    notice, this list of conditions and the following disclaimer.
*
*  * Redistributions in binary form must reproduce the above
*    copyright notice, this list of conditions and the following
*    disclaimer in the documentation and/or other materials provided
*    with the distribution.
*
*  * Neither the name of the Nokia Corporation and/or its
*    subsidiary(-ies) nor the names of its contributors may be used
*    to endorse or promote products derived from this software
*    without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

body { margin: 0; }

a img { border: 0; }

.yui-skin-sam h1 {margin: 0.5em 0; font-size: 167%;}
.yui-skin-sam .yui-navset .yui-content { 
    background: white;
    border:0px;
    border-top:1px solid #243356; 
    padding:0.5em 0;
}
.yui-navset .disabled a em {color:#a0a0a0;}

.yui-skin-sam h1 { margin-top: 0; }

#ietf-login { color: white; position:absolute; top:8px; right: 10px; }
#ietf-login a, #ietf-login a:visited { color: white; }

.ietf-box { background:#edf5ff; border: 1px solid #cccccc; }

.ietf-navbar { background-color: #edf5ff; padding:0; border: 1px solid #89d; margin-top:4px; width: 130px; }
.ietf-navbar ul { padding: 0; margin: 0; }
.ietf-navbar ul li { list-style: none; padding: 0; margin: 0; font-size: 93%; padding: 2px 0px 2px 0px; }
.ietf-navbar ul li.yuimenuitem { padding: 0px 0px 1px 0px; border: 0;} 
.ietf-navbar ul li a { padding: 0px 0px 0px 10px; }
.ietf-navbar ul li.sect a { padding: 2px 2px 2px 2px; }
.ietf-navbar ul li.sect { font-weight:bold; color:#fff; background:#2647A0; margin-top:2px; text-indent:2px; padding: 2px 0;}
.ietf-navbar ul li.first { margin-top: 0px; }
.ietf-navbar ul li.sect a { color:#fff; } 
.ietf-navbar a, .ietf-navbar a:visited { color: #000000; }
.ietf-navbar > ul > li > a:hover { background-color: #b3d4ff; }
.ietf-navbar .yuimenuitemlabel { font-size: 12px; padding: 0 10px; }
.ietf-navbar #wgs .bd { background-color: #edf5ff; }
.ietf-navbar #wgs > .bd { border: 0;}

.ietf-navset {
    background:#214197 url(/images/yui/sprite.png) repeat-x left -1400px;
    color:white;
    border:1px solid black;
    padding:4px;
}
.ietf-navset .selected { font-weight:bold; padding: 0 3px; }
.ietf-navset a, .ietf-navset a:visited { color: white; padding:0 3px; }

.ietf-navset .actions { margin-top: 0.5em; font-style: italic; font-size: 90%; }

.ietf-ballot .left { background: #edf5ff; width:160px; padding-left: 10px; }
.ietf-ballot .right { padding-left: 15px; padding-right:15px; width:610px;padding-top:0px;}
.ietf-ballot h2.ballot_ad { background: #2647A0; color:white; padding: 2px 4px; font-size: 108%; margin-top: 0;}
.ietf-ballot .right { background: white; }
.ietf-ballot .square { border:1px solid black; display: block; float:left;width: 10px; height:10px;font-size:1px;margin-right:4px; margin-top:1px;}
.ietf-ballot .was { padding-left: 10px; font-size:85%; }

.ietf-stream tr { vertical-align: top; }
.ietf-stream ul.ietf-stream-tag-list { padding: 10px; margin: 0px; list-style-type: none; font-size: 10px; }
.ietf-stream ul.ietf-stream-tag-list li { margin-bottom: 1em; list-style-type: circle; color: #999999; }
.ietf-stream ul.ietf-stream-tag-list li.tag_set { font-weight: bold; list-style-type: disc; color: black; }
.ietf-stream td.right { padding-top: 1em; }
.ietf-stream .ietf-stream-head h2, .ietf-stream .ietf-stream-head h3 { margin: 0px; }
.ietf-stream .ietf-stream-head { margin-bottom: 2em; }
.ietf-stream .entry-title { background: #2647A0; color:white; padding: 2px 4px; font-size: 108%; margin-top: 0;}
.ietf-stream .entry-title .entry-date { float: right; }
.ietf-stream .entry-comment { background: #eeeeee; margin: 1em 0px; padding: 1em; }

.search-form-box { width: 99.5%; margin-top:8px; padding:4px; margin-bottom:1em; padding-left:8px; }
form#search_form { padding-top: 4px; padding-bottom: 4px; }
#search_form .submit { padding-top: 0.5em; }
#search_form .submit .button { padding: 0.2em 0.5em; border: 1px solid #999; }
#search_form input { padding: 0; padding-left: 2px; border: 1px solid #89d;}
#search_form input.radio { padding-left: 0; border: 0; }
#search_form select {  border: 1px solid #89d; }
#search_form div.search_field { margin-top:2px; clear:both;}
#search_form .search_field > label { width: 170px; float: left; }
#search_form #search_advanced { margin-top: 1em; }
/* checkboxes for document types */
#search_form table#search_types { border-collapse:collapse;}
#search_form #search_types td { padding:0; }
#search_form #search_types td input { margin-left: 0; width:14px; border:0;}
/* give checkbox a fixed width so that IE6 aligns the left edge correctly */
#search_form #id_filename,
#search_form #id_author { width: 244px; }
#search_form #id_state,
#search_form #id_ad, 
#search_form #id_positionAd { width:248px; }
#search_form #id_group {width: 120px; margin-right:4px; }
#search_form #id_area {width:120px; }
.search-text-shepherd { color: #808080; }

table.ietf-table { border-collapse:collapse; border:1px solid #7f7f7f; }
.ietf-table tr.evenrow { background-color: #EDF5FF; }
.ietf-table tr.oddrow { background-color: white; }
.ietf-table td { border-right: 1px solid #cbcbcb; padding:3px 6px; vertical-align: top; }
.ietf-table th { color: #fff; background: #2647A0; text-align: left; padding:3px 6px; border-right: 1px solid #7f7f7f; }

.ietf-doctable tr.header { border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; border-left: 1px solid white; border-right:2px solid white;}
.ietf-doctable tr.header td {padding: 6px 6px; font-weight: bold; }
.ietf-doctable table { max-width: 1200px; }
.ietf-doctable th { white-space: nowrap; }
.ietf-doctable th a { text-decoration: none; color: #fff; }
.ietf-doctable th img { border-style: none; vertical-align: top; }
.ietf-doctable th.doc, .ietf-doctable td.doc { min-width:20em; max-width: 35em; }
.ietf-doctable th.title, .ietf-doctable td.title { min-width: 20em; max-width: 35em; }
.ietf-doctable th.date, .ietf-doctable td.date { white-space:nowrap; min-width: 6em;}
.ietf-doctable th.status, .ietf-doctable td.status { min-width: 20em;}
.ietf-doctable th.ipr { font-variant: small-caps; }
.ietf-doctable th.ad, .ietf-doctable td.ad { white-space:nowrap; min-width: 6em; }
.ietf-doctable td { padding-right: 0.5em; padding-left: 0.5em; }
.ietf-doctable td.ballot { border-left: hidden; min-width: 37px; }
.ietf-doctable td .updated-by { max-width: 20em; } /* some RFCs have really long lists */


.ietf-doctable .status .milestone,
.ietf-box .stream-state .milestone
{ display: inline-block; font-size: smaller; background-color: #d5dde6; padding: 0 0.2em; margin-left: 0.3em; }

.ietf-small { font-size:85%; }
.ietf-tiny { font-size:70%; }
.ietf-highlight-y { padding:0 2px;background:yellow;}
.ietf-highlight-r { padding:0 2px;background:#ffa0a0;}
.ietf-divider { background: #2647a0; color: white; font-size:116%; padding:0.5em 1em; }


table.history .snippet .show-all { color: blue; cursor: pointer; }

.error-text {
	font-size: 1.095em;
	width: 48em;
}

form .actions {
  margin-top: 20px;
}

form .actions a {
  margin-right: 10px;
}

form table th {
  font-weight: normal;
  text-align: left;
  padding-right: 10px;
  padding-top: 2px;
  vertical-align: top;
}

form table .help {
  font-style: italic;
  font-size: 11px;
}

@media print { .noprint { display: none } }

.color1 { color: #ffb000; }
.color2 { color: #00ffff; }
.bgcolor1 { background-color: #ffb000; }
.bgcolor2 { background-color: #00ffff; }
.square { width: 0.8ex; height: 0.8ex; margin: 0; padding: 0; display: inline-block; position: relative; top: 0.8ex; }
.big	{ font-size: 109.5%; margin: 0; padding: 0; }
.large  { font-size: 120%; margin: 0; padding: 0; }
.huge	{ font-size: 144%; margin: 0; padding: 0; }
.warning { color: #a00; }

.position-discuss,
.position-block    { background-color: #c00000;}
.position-yes      { background-color: #80ff80;}
.position-noobj    { background-color: #80ff80;}
.position-abstain  { background-color: #ffff00;}
.position-recuse   { background-color: #c0c0c0;}
.position-norecord { background-color: #ffffff;}

.ballot-icon table { empty-cells: show; padding: 0; border-spacing: 0; border: 1px solid #666; border-collapse: collapse; table-layout: fixed; min-width: 35px; background: #fff; }
.ballot-icon table td { border: 1px solid #666; height: 7px; width: 6px; padding: 0;}
.ballot-icon table td.my { border: 3px solid #000;}

.ballot-sidebar { width: 160px; float: left; margin-top: 0.4em; padding: 5px; background: #edf5ff; }
.ballot-sidebar .action { margin-bottom: 1em; }
.ballot-sidebar .position-group { margin-bottom: 1em; }
.ballot-sidebar .position-group .heading { font-weight: bold; }
.ballot-sidebar .position-group .square { border: 1px solid #000; display: inline-block; width: 10px; height: 10px; margin-right:4px; position: static; vertical-align: middle }
.ballot-sidebar .position-group .was { padding-left: 10px; font-size:85%; }
.ballot-sidebar .position-group:last-child { margin-bottom: 0; }

.ballot-content { margin-left: 180px; } /* this positions the content to the right of the sidebar */
.ballot-content .other-ballots { margin: 1em 0 2em 0; }
.ballot-content .other-ballots a { display: inline-block; margin-right: 0.5em; }
.ballot-content h2.ad-ballot-comment { background: #2647A0; color: #fff; padding: 2px 4px; font-size: 108%; margin-top: 0;}

.ballot-popup > .content { width: 860px; height: 500px; overflow: auto; background: #fff; border: 1px solid #ccc; }
.ballot-popup .ballot-sidebar { margin-top: 0; }

ul.messages	{ border: solid black 1px; margin: 0.4em 0; padding: 1em; }
li.debug	{ margin: 0.5em; background-color: #ccf; }
li.info		{ margin: 0.5em; background-color: #ff8; }
li.success	{ margin: 0.5em; background-color: #4f4; }
li.warning	{ margin: 0.5em; background-color: #fc8; color: black;}
li.error	{ margin: 0.5em; background-color: #f44; }

.errorlist, errorlist li {
	background: red;
	color: white;
	padding: 0.2ex 0.2ex 0.2ex 0.5ex;
	border: 0px;
	margin: 0px;
	font-family: Arial, sans-serif;
}

.errorlist a { color: #fff; }

.group-documents .search-results { margin-top: 1.5em; }

table.milestones td.due { vertical-align: top; width: 80px; }
table.milestones .doc { display: block; padding-left: 1em; }


#modal-box { background: #f0f0f0; border-radius: 2px; padding: 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); }

#modal-box .actions { padding-top: 1em; text-align: right; }

.button {
  display: inline-block; padding: 4px 12px; margin-right: 0.3em;
  color: #222; font-weight: normal; text-align: center; text-decoration: none; outline: none; cursor: pointer;
  background: #eee; background: linear-gradient(#fff, #e0e0e0); background: -webkit-linear-gradient(#fff, #e0e0e0); background: -moz-linear-gradient(#fff, #e0e0e0);
  border: 1px solid #666; border-radius: 3px;
  transition-duration: 0.2s;
}
.button:hover { color: #111; background: #ddd; background: linear-gradient(#eee, #ccc); background: -webkit-linear-gradient(#eee, #ccc); background: -moz-linear-gradient(#eee, #ccc); }
.button:active { color: #000; background: #ccc; }
.button:disabled, .button:hover:disabled { color: #999; cursor: default; background: #eee; background: linear-gradient(#fff, #e0e0e0); background: -webkit-linear-gradient(#fff, #e0e0e0); background: -moz-linear-gradient(#fff, #e0e0e0); }


/* Message types */
div.info-message-success { border: 1px solid green; background-color: #eeffbb; padding: 5px 10px; margin: 1em 0px; color: green; }
div.info-message-warning { border: 1px dashed red; background-color: #ffeeaa; padding: 1em 2em; margin: 1em 0px; }
div.info-message-error { border: 1px solid red; background-color: #ffeebb; padding: 5px 10px; margin: 1em 0px; color: red; }


/* Form styles */
.baseform {
    font-size: 12px;
}

.baseform .fieldset {
    margin: 1em 0px;
    border: none;
    border: 1px solid #8899dd;
    background-color: #edf5ff;
}

.baseform .fieldset h2 {
    background-color: #2647a0;
    color: white;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0px;
}

.baseform .field {
    padding: 0.5em 10px;
}

.baseform .field label {
    display: block;
    width: 150px;
    float: left;
    clear: left;
}

.baseform .field .endfield {
    clear: left;
}

.baseform .fieldWidget {
    margin-left: 150px;
}

#feedbackformset .fieldWidget {
    margin-left: 0px;
}

#feedbackformset .fieldWidget.defaultPos {
    margin-left: 150px;
}

#feedbackformset ul {
    padding: 0px;
}

#feedbackformset ul li {
    display: inline;
}

#feedbackformset ul li label {
    display: inline;
    float: none;
}

#feedbackformset .baseform h3 {
    margin-left: 12px;
    margin-top: 24px;
    margin-bottom: 0px;
}

#feedbackformset pre {
    margin: 12px;
}

#feedbackformset table {width: 100%;}
#feedbackformset .oddradio { background-color: white; text-align: center;}
#feedbackformset .evenradio { background-color: #EDF5FF; text-align: center;}
#feedbackformset .toggle { padding: 0px; }
#feedbackformset .toggle a.trigger { display: block; width: 22px; height: 22px;}
#feedbackformset .toggle a.closed { background: url(../images/plus.png) no-repeat center center;}
#feedbackformset .toggle a.open { background: url(../images/minus.png) no-repeat center center;}
#feedbackformset tr.body td { border-bottom: 1px solid #cbcbcb;}
#feedbackformset tr.bodyform td { border-top: 1px solid #cbcbcb;}


.baseform select,
.baseform textarea,
.baseform input {
    border: 1px solid #cccccc;
}

.baseform input {
    font-size: 12px;
}

.nomcom-menu {
	text-align: center;
}
.nomcom-edit {
	font-style: italic;
	font-size: 90%;
	text-align: center;
	margin-top: 0.5em;
}

span.fieldRequired {
    color: red;
}

.fieldError {
    background-color: #ffcc66;
}

.state-help-icon {
    display: inline-block;
    margin-left: 0.2em;
    padding: 0 0.2em;
    font-weight: bold;
    font-style: normal;
    font-size: 90%;
    color: #999;
    background-color: #ddd;
    text-decoration: none;
}

.state-help-icon:hover {
    color: #eee;
    background-color: #bbb;
    transition-duration: 0.2s;
}

.js-info { /* Javascript disabled box */
    display: block;
    background-color: #ffdd88;
    border: 1px dashed red;
    font-size: 1.2em;
    padding: 1em 2em;
    margin: 1em 0;
}