input {
    font-family: Verdana;   
    color: #2e8cb3;

}
input.Text {
    border: 1px solid #cfcdcd;
    background: url('/Static/Images/Forms/TextInput.png') no-repeat top left;    
    padding: 3px 1px 1px 3px;
}
input.Error {
    background: url('/Static/Images/Forms/TextInputYellow.png') no-repeat top left;    
}
fieldset {
    border: 1px inset white;
    clear:both;
}
fieldset.HalfWidth {
    width: 47%;
    clear: none;
    float: left;
}
legend {
    font-size: 120%;
    font-variant: small-caps;
}
textarea {
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana;
    font-size: 10pt;
    color: #2e8cb3;
    display: block;
    clear: left;
    background: url('/Static/Images/Forms/Textarea.png') no-repeat top left white;
    border: 1px solid; 
}
textarea.Error {
    background: url('/Static/Images/Forms/TextareaYellow.png') no-repeat top left white;
}
.Monospaced {
    font-family: monospace;
}
ul.FormElems {  
    margin: 0;
    padding: 0;  
    list-style: none; 
} 
ul.FormElems li {  
    float: left;
    clear: left;
    padding-bottom: 1em; 
}
ul.FormElems li.Checkbox {  
    float: left;
    padding-bottom: 1em; 
}
ul.FormElems li.Submit input {
    display: block;
    margin-left: auto;
    margin-right: auto;
} 
ul.FormElems li.Submit {  
    width: 100%;

}
ul.FormElems li label {  
    float: left;  
    width: 100px;  
    padding-top: 3px;
    margin-right: 1em; 
    text-align: right;
}

form#Login input.Text {
    width: 100px;
}
form#Login div.FancyButton {
    text-align:center;
    margin-left: 80px;
    clear: both;
}
div.GreenBox {
    padding:3px;
    text-align:center;
    font-weight:bold;
    background-color:#B3F3B3;
    border: 2px outset #0c0;
    color:#090;
}
div.SuggestWrapper {
    color: white;
    border: 1px inset white;
    text-align: left;
    width: 180px;
    margin: 15px;
    float: left;
}
div.Suggest {
    color: white;
    float: left;
    clear: right;
    text-align: left;
    padding: 10px;
}
div.Suggest span {
    color: white;
    float: left;
    display: block;
    
}
div.Suggest div a {
    display: block;
    color: white;
    border: 1px solid #2e8cb3;
    width: 100%;   
    padding: 3px;
    /*opacity: .6;*/
}
div.Suggest div a:hover {
    border: 1px solid white;
    opacity: 1;
}
span.Error {
    display: block;
    padding-top: 2px;
    width: 100%;
    clear: left;
    color: red;
    text-align: center;
    font-size: 80%;
}
div.FLeft {
    float: left;
}
div.FancyButton, div.FancyButton input, div.FancyButton span,
a.FancyButton, a.FancyButton em, a.FancyButton span {
    display: block;
    height: 19px;
    border-bottom: none;
    color: white;
    font-style: normal;
    font-size: 10px;
    cursor: pointer;
}
a.FancyButton {
    float: left;
    margin-right: 5px;
}
div.FancyButton input, a.FancyButton em{
    float: right;
    display:block;
    border: none;
    height: 19px;
    background-image:url('/Static/Images/Forms/Button/Middle.png');

}
div.FancyButton span, a.FancyButton span {
    float: right;
    width: 9px;
    background-image:url('/Static/Images/Forms/Button/Left.png');

}
div.FancyButton span.Right, a.FancyButton span.Right {
    width: 9px;
    background-image:url('/Static/Images/Forms/Button/Right.png');
}
form#EditBook div.checkbox {
    text-align: right;
    float: left;
    width: 230px;
}
select {
    color: #2e8cb3;
    font-family: Verdana;
}
option.Level0 {
    background-color: black;
    color: white;
}
option.Level1 {
    background-color: #555;
    color: white;
}
option.Level2 {
    background-color: #999;
    color: white;
}
option.Level3 {
    background-color: #ddd;
    color: black;
}
option.Level4 {
    background-color: #eee;
    color: black;
}
option.Level5, option.Level6 {

}
select[multiple="multiple"] {
    display: block;
    clear: both;
    float: left;
    background: url('/Static/Images/Forms/Textarea.png') no-repeat top left white;
}
div.OrdererMenu {
    float: left;
    clear: right;
    width: 30px;
    height: 200px;
}
div.OrdererMenu input {
    width: 20px;
    height: 20px;
    margin: 5px;
}
div.OrdererMenu input.Top {
    background: url('/Static/Images/Forms/Orderer/Top.png') no-repeat center center;
    height: 40px;
}
div.OrdererMenu input.Up {
    background: url('/Static/Images/Forms/Orderer/Up.png') no-repeat center center;
}
div.OrdererMenu input.Down {
    background: url('/Static/Images/Forms/Orderer/Down.png') no-repeat center center;
}
div.OrdererMenu input.Bottom {
    background: url('/Static/Images/Forms/Orderer/Bottom.png') no-repeat center center;
    height: 40px;
}
div.OrdererMenu input.PosText {
    height: 20px;
}
div.OrdererMenu input.Fixed {
    background: url('/Static/Images/BulletGreen.gif') no-repeat center center;
    height: 20px;
}

ul.FormElems li label.WideLabel {  
    float: left;  
    width: 300px;  
    padding-top: 3px;
    margin-right: 1em; 
    text-align: right;
}
ul.FormElems li label.MediumLabel {  
    float: left;  
    width: 200px;  
    padding-top: 3px;
    margin-right: 1em; 
    text-align: right;
}
tr.DetailsVisible {
    display: table-row;
}
tr.DetailsHidden {
    display: none;
}

/* Wyszukiwanie artykułów */
form#ArticlesSearch div.radio, form#UsersSearch div.radio, form#New div.radio {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

/* Dodawanie artykułów */
form#Add div.Suggest {
    padding: 0; 
}
form#Add div.Suggest div a {
    display: block;
    color: black;
    background-color: #aaa;
    border: 1px solid #2e8cb3;
    width: 100%;   
    padding: 3px;
}
form#Add div.Suggest div a:hover {
    display: block;
    color: black;
    background-color: #ddd;
    border: 1px solid #2e8cb3;
    width: 100%;   
    padding: 3px;
}