/*--------------------------------------------- Name source: form.css Name: style for eDotaznik.sk Author: nolimit|DEVELOPERS lukac@nolimit.sk License: Copyright 2009 all rights reserved ---------------------------------------------*/ /*fomular*/ .form { padding: 25px; } .form p{ font:normal 11px "tahoma"; color: #757575;} .form .infoTxt { font:normal 11px "tahoma"; color: #757575; padding: 0 0 15px 0; } .form label {float: left; width: 110px; font:bold 12px "tahoma"; line-height: 25px } .form span { float:left } .form span label { font:normal 11px "tahoma"; } .form small{font-size: 85%;} .form ul { width: 500px } .form sub{line-height: 25px; color: red; font-weight:bold; margin-left: 10px; } .form ul li {padding:5px; position: relative; } input, select,textarea {border-left: 1px solid silver; border-bottom: 1px solid silver; border-top: 1px solid gray; border-right: 1px solid gray; padding: 3px; } .form a{font:normal 11px "tahoma"; color: #757575;} .form a:hover{text-decoration:none} .form #data_user{ position: relative; width: 500px; z-index: 1 ; } .form #data_company { position:absolute ; width: 400px; top: 65px; top: 285px; left: 540px; display: none } .form li.focused{background-color:#fff7c0;} .form li.focused, .form li:hover{position:relative;/* Makes Instructs z-index stay on top in IE. */} /*buttons*/ .butBig { background: url(../images/but_big.gif); border: 0 !important; width: 130px; height: 26px; font:bold 13px "tahoma"; color: white; text-decoration: none } .butSmall { background: url(../images/but_small.gif); border: 0 !important; width: 70px; height: 26px; font:bold 13px "tahoma"; color: white; text-decoration: none} .butSmall a, .butBig a {text-decoration: none !important} /*button type a href*/ a.buttLink {background: transparent url(../images/buttRight.gif) no-repeat scroll top right; margin-right:5px; display: block; float: left; height: 32px; margin-right: 6px;padding-right: 20px; text-decoration: none !important;; font:bold 11px "tahoma" !important;; color: white !important;} a.buttLink span{background: transparent url(../images/buttLeft.gif) no-repeat; display: block;line-height: 22px; padding: 2px 0 5px 18px !important; } a.buttLink:hover span {text-decoration:none; color: #f5ead6} a.buttLink:active span {color: #eabd86} /*icons a href*/ .sndHref { background:white url(../images/buttIcon.gif) 0 0; float: left; width: 26px; height: 26px; display: block; position: relative; left: 1px; } .addHref { background:white url(../images/buttIcon.gif) -52px 0; float: left; width: 26px; height: 26px; display: block; position: relative; left: 1px; } .liveHref {background:white url(../images/buttIcon.gif) -130px 0; float: left; width: 26px; height: 26px; display: block; position: relative; left: 1px; } .addQuesHref { background:white url(../images/buttIcon.gif) -78px 0; float: left; width: 26px; height: 26px; display: block; position: relative; left: 1px; } .addAnsHref { background:white url(../images/buttIcon.gif) -104px 0; float: left; width: 26px; height: 26px; display: block; position: relative; left: 1px; } .delHref {background:white url(../images/buttIcon.gif) -26px 0; float: left; width: 26px; height: 26px; display: block; position: relative; left: 1px; } /*button tpye submit*/ .buttSub {background:transparent url(../images/buttRight.gif) no-repeat scroll top right !important; display: block;float: left;height: 26px; text-decoration: none; margin: 0 2px 0 2px; border: 0 !important; } .buttSub input{background:url(../images/buttLeft.gif) no-repeat !important; display: block; float: left ; position: relative; left: -4px; padding: 0 0 0 5px; border: 0 !important;height: 26px; font:bold 11px "tahoma"; color: white !important; cursor: pointer; } .buttSub input:hover {text-decoration:none; color: #f5ead6} .buttSub input:active {color:#eabd86} /*icons button*/ .buttSub span { float: left; width: 26px; height: 26px; display: block; background: no-repeat 0px 50% } .buttSub span.snd { background:url(../images/buttIcon.gif) 0 0; } .buttSub span.add { background: url(../images/buttIcon.gif) -52px 0; } .buttSub span.live { background: url(../images/buttIcon.gif) -130px 0; } .buttSub span.addQues { background: url(../images/buttIcon.gif) -78px 0; } .buttSub span.addAns{ background: url(../images/buttIcon.gif) -104px 0; } .buttSub span.del{ background: url(../images/buttIcon.gif) -26px 0; } /*help - create answ*/ .createHelp {width: 600px; margin:30px; } .quesHelp { background: rgb(202,202,202); } .quesHelp p { font:bold 15px tahoma; padding:10px } .answHelp {margin:20px; border-bottom:1px solid silver; } .answHelp ul{ } .answHelp ul li{ font:normal 13px tahoma; line-height:25px; } /*alert*/ .alert { padding: 15px 0 15px 0; display: block; background: url(/../images/bgAlert.png); -moz-border-radius: 10px; margin: 0 auto; width: 500px; top: 300px; position: absolute ; z-index: 1000; left: 225px } .alert .message { background: white; width: 470px; margin: 0 auto; z-index: 1001; background: url(../images/alert_.png) 20px 50% no-repeat white; } .alert p{ padding: 20px 20px 20px 70px; font:bold 12px "tahoma"; } .alert a.close{ font:12px "tahoma"; position: absolute; top: 5px; right:10px; color: #dd7a00; text-decoration: none} .alert a.close:hover { } /*create_custom*/ input,select option { margin:0 3px 0 3px; } /*cursor*/ .target { cursor: pointer } /*infoAnsw*/ .infoAnsw { margin-left:35px; font:normal 13px "tahoma";} .infoAnsw small{ font:normal 11px "tahoma";} /*tabs*/ .simpleTabs { margin-top:0px; } ul.simpleTabsNavigation { text-align:left;height: 40px; line-height: 40px; vertical-align: middle; border-bottom: 5px solid white/*#f5c45d*/; *border: none; width: 950px;} .save { width: 300px; height: 45px; position: absolute; right: 0px; padding-top: 15px } .save img{ vertical-align:middle; margin-bottom: 1px } .simpleTabsNavigation span{ font:bold 13px "tahoma"; color: #e6a20f; text-decoration: underline } ul.simpleTabsNavigation li { list-style:none; display:inline; font:bold 13px "tahoma"; color: #565656; } ul.simpleTabsNavigation img{ vertical-align: middle; } ul.simpleTabsNavigation li a {vertical-align: middle; background: white; font: 13px "tahoma"; color: #565656; text-decoration: none; font-weight: bold; padding: 10px 10px 10px 0;} ul.simpleTabsNavigation li a:hover { text-decoration:underline; color: black } ul.simpleTabsNavigation li a.current { background:/*#f5c45d*/ ; color:#e6a20f; *background:white; text-decoration: underline } div.simpleTabsContent {} div.simpleTabsContent.currentTab { display:block; border: none; } /*LiveValidation */ .LV_valid {color:green; background:url(../images/ok.png) no-repeat; width: 24px; height: 24px; line-height: 24px; margin-left: 5px;} .LV_invalid {color:red; background:url(../images/no_valid.png) no-repeat; width: 24px; height: 24px; line-height: 24px; margin-left: 5px;} .LV_validation_message{font-weight:bold; font:bold 10px tahoma; padding-left: 33px; vertical-align: middle; text-align: left; width: auto; line-height: 24px;} .LV_valid_field,.LV_valid, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active, .fieldWithErrors input.LV_valid_field, .fieldWithErrors textarea.LV_valid_field { float: left; /*border: 1px solid #00CC00;*/ } .LV_invalid_field, .LV_invalid, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field { float: left ; /*border: 1px solid #CC0000;*/ } /*404*/ .notFound {background: url(../images/alert.png) no-repeat 20px 50%; height: 150px; line-height: 150px;} .notFound h1 { padding-left: 80px; font: 20px tahoma; color:#db8400; line-height: 150px;} #fail {background: url(../images/bg404.gif) no-repeat 0 0; height: 350px; width: 850px; } #fail .bugName {height: 350px; width: 500px; position: relative; left: 100px } #fail h1{ font: 30px tahoma; color:#dea930; line-height: 20px;} #fail p{ font: 14px tahoma; color:#2c2c2c; } #fail p a{ font:normal 10px tahoma; color:#848484; text-decoration: none } #fail p a:hover{ color: black }