/* expanding links */
.example {
    padding:10px; 
    color:#000; 
    background:#fcf7ff; 
    width:80%; 
    clear:left; 
    margin:2em auto 3em auto; 
    border:1px solid #69c;
}
a.expandlink {
    color:#00c
}
a:active.expandlink,
a:focus.expandlink,
a:hover.expandlink {
    color:#fff
}

/* -------------------- general */
body {
    position: relative;
}

.bold {
    font-weight: bold;
}

/* this class is used to store data that needs to get passed to javascript code */
/* these elements are not meant to be rendered */
.hidden {
    display: none;
}
.center {
    text-align: center;
}

/* -------------------- inputs in forms */
/* note: this is used by the register wizard as well
   in case where importing all this file this would some day conflict
   it might make sense to split this file into plc_style (general) and plc_views (specifics) */
/* don't mess with other types of input, e.g. buttons might get affected */
input[type="text"], textarea {
    border: solid 1px #444;
    background-image: url( '/planetlab/icons/form_input_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}

textarea {
    font-family: courier, monospace;
}
 
input[type="password"] {
    border: solid 1px #444;
    background-image: url( '/planetlab/icons/form_input_password.png' );
    background-repeat: repeat-x;
    background-position: top;
}

/* make disabled fields more obvious */
input[type="text"][disabled], textarea[disabled] {
    border: solid 1px #f8f8f8;
    background-image: url( '/planetlab/icons/form_input_disabled.png' );
    background-repeat: repeat-x;
    background-position: top;
}

/* -------------------- errors & warnings */
.plc-warning {
    padding:	 4px;
    background:  #ffa223; 
}
.plc-error {
    background:  red;
    font-weight: bold;
}

.plc-warning a:link { text-decoration: none; color:white }
.plc-warning a:visited { text-decoration: none; color:white }
.plc-warning a:hover { text-decoration: none; color:black }

/* -------------------- the planetlab module area */
div.block-planetlab a {
    font-weight:normal;
    font-style:italic;
}
/* -------------------- sites */
.addresses { text-align: center; font-weight: bold; }

/* -------------------- admin search */
#admin-search-form {
    text-align: center;
    padding: 10px;
}

#admin-search-form label {
    font-weight : bold;
    padding-right: 20px;
}

span.tokens {
    font-weight: bold;
    font-style: italic;
}

#admin-search-message {
    padding: 30px;
}

p.node_add {
    font-style: italic;
    padding: 20px 40px;
    text-align: center;
/*    font-size: smaller; */
}
p.node_download {
    font-style: italic;
    padding: 20px 40px;
    font-size: larger;
}

#download_button, #slice_add_button {
    text-align:center;
}
h3.node_download {
    text-align: center;
}

/* qualify enough so that this wins over the even/odd row patterns in tables */
tbody>tr>td.node-ok {
    background: #a0f0e6;
}
tbody>tr>td.node-ko {
    background: #ffa7a8;
}
/****************************************/
/* registrations */
div.site-register {
    background-color: #c8c7de;
    padding: 5px;
    margin: 10px;
}
/* site registration */
div.site-pending, div.sites-pending {
    background-color: #eadbc8;
    padding: 5px;
    margin: 10px;
}
div.person-register {
    background-color: #e3d1cb;
    padding: 5px;
    margin: 10px;
}
div.person-register {
    background-color: #e3d1cb;
    padding: 5px;
    margin: 10px;
}

/****************************************/
/* slice creation page */
#create-slice-choose-site {
    margin:20px ;
}
div#create-slice-in-site {
    text-align:center;
}
div.create-slice-instantiations {
    padding:  5px 0px 0px 0px;
/*    font-size: larger; */
    font-style: italic;
}
div#toggle-container-create-slice-details {
    background-color: #e5dbb7;
}
div#toggle-area-create-slice-details {
    padding: 20px 5px 5px 5px;
}
div#toggle-container-create-slice-persons {
    background-color: #dfe6a1;
}
div#toggle-area-create-slice-persons {
    padding: 20px 5px 5px 5px;
}
/* override details default */
div#toggle-area-create-slice-details>table.plc_details {
    margin:0 ;
}
div#toggle-container-add-node,
div#toggle-container-add-interface {
    background-color: #e0d0ff;
}
p.note_reservable {
    font-style: italic;
    padding: 20px 40px;
    text-align: center;
    font-size: larger; 
}
span.note_roles {
    font-style:italic;
    font-size: smaller;
}