1 /*Defaults Styling*/

     2 body {font:12px/17px Arial, Helvetica, sans-serif; color:#333; background:#ccc; padding:40px 20px 20px 20px;}

     3 fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:600px;}

     4 input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}

     5 fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}

     6 legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}

     7 label {font-size:11px; font-weight:bold; color:#666;}

     8 label.opt {font-weight:normal;}

     9 dl {clear:both;}

    10 dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}

    11 dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}

    12 #footer {font-size:11px;}

    13 

    14 #container {width:700px; margin:0 auto;}

    15 

    16 /*##########################################

    17 Script: Niceforms 2.0

    18 Theme: StandardBlue

    19 Author: Lucian Slatineanu

    20 URL: http://www.emblematiq.com/

    21 ##########################################*/

    22 

    23 /*Text inputs*/

    24 .NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}

    25 .NFTextCenter {height:15px; background:url(img/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}

    26 .NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}

    27 .NFTextLeft {background:url(img/input-left.png) no-repeat 0 0;}

    28 .NFTextRight {background:url(img/input-right.png) no-repeat 0 0;}

    29 /*Radio*/

    30 .NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(img/radio.png) no-repeat 0 0; z-index:2;}

    31 /*Checkbox*/

    32 .NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(img/checkbox.png) no-repeat 0 0; z-index:2;}

    33 /*Buttons*/

    34 .NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}

    35 .NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}

    36 .NFButtonLeft {background:url(img/button-left.png) no-repeat 0 0;}

    37 .NFButtonRight {background:url(img/button-right.png) no-repeat 0 0;}

    38 /*Textareas*/

    39 .NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}

    40 .NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}

    41 .NFTextareaTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}

    42 .NFTextareaBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}

    43 .NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}

    44 .NFTextareaTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}

    45 .NFTextareaBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}

    46 .NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}

    47 .NFTextareaLeft, .NFTextareaLeftH {width:5px;}

    48 .NFTextareaLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}

    49 .NFTextareaLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}

    50 .NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}

    51 .NFTextareaRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}

    52 .NFTextareaRightH {background:url(img/textarea-r-over.png) repeat-y 100% 100%;}

    53 /*Files*/

    54 .NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(img/file.png) no-repeat 0 0; width:60px; height:21px;}

    55 .NFFile {position:relative; margin-bottom:5px;}

    56 .NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}

    57 .NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}

    58 /*Selects*/

    59 .NFSelect {height:21px; position:absolute; border:1px solid transparent;}

    60 .NFSelectLeft {float:left; width:3px; height:21px; background:url(img/select-left.png) no-repeat 0 0; vertical-align:middle;}

    61 .NFSelectRight {height:21px; width:auto; background:url(img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}

    62 .NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}

    63 .NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}

    64 .NFSelectOptions li {padding-bottom:1px;}

    65 .NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}

    66 .NFSelectOptions a.NFOptionActive {background:#464646;}

    67 .NFSelectOptions a:hover {background:#333;}

    68 /*Multiple Selects*/

    69 .NFMultiSelect {border:0; background:none; margin:0;}

    70 .NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}

    71 .NFMultiSelectTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}

    72 .NFMultiSelectBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}

    73 .NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}

    74 .NFMultiSelectTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}

    75 .NFMultiSelectBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}

    76 .NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}

    77 .NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}

    78 .NFMultiSelectLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}

    79 .NFMultiSelectLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}

    80 .NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}

    81 .NFMultiSelectRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}

    82 .NFMultiSelectRightH {background:url(img/textarea-r-over.png) repeat-y 100% 0;}

    83 

    84 /*Focused*/

    85 .NFfocused {border:1px dotted #666;}

    86 /*Hovered*/

    87 .NFh {background-position:0 100%;}

    88 .NFhr {background-position:100% 100%;}

    89 /*Hidden*/

    90 .NFhidden {opacity:0; z-index:-1; position:relative;}

    91 /*Safari*/

    92 select, input, textarea, button {outline:none; resize:none;}