/*------------------------------------------------------------------------ http://www.stol.it Autor: holzweg ecommmerce solutions, Dipl.Inform. Christoph Holz Inhalt: Diese CSS wird für die Formatierung von Formularen verwendet --------------------------------------------------------------------------*/ /*------------------------------------------------------------------------- header ---------------------------------------------------------------------------*/ .inputHeader{ /* border-width:0 0 1px;*/ margin:3px 2px 2px; top:2px; float:left; background:#BFBFBF; border-color:#BFBFBF; } .search{width:230px;} .login{width:404px;} /**:first-child+html .login{width:395px;} *:first-child+html .login .r2{padding-bottom:5px;}*/ .inputHeader .r1, .inputHeader .r2{border-color:#BFBFBF;} .inputHeader span{float:right; font-size:0.8em; color:#606060; margin:10px 23px 8px 0;} .passLostReg{ _margin-top:12px; } *:first-child+html .passLostReg{ margin-bottom:11px; margin-top:8px; } /**:first-child+html .inputHeader span{margin-top:-3px;}*/ .inputHeader span a{text-decoration:none; color:#606060;} .search span{margin:7px 32px 8px 0; #display:block; #float:none; #text-align:right; _margin-top:5px; _margin-bottom:5px; } .search span.searchSpan{ _margin-top:9px; _margin-bottom:9px;} *:first-child+html .search span{margin-top:4px; margin-bottom:7px;} *:first-child+html .search span.searchSpan{margin-top:10px; margin-bottom:9px;} .search span input{position:relative; top:2px; #display:inline;} .inputHeader .sidesInputSearch{margin:0px; padding:0px; float:left; height:23px; top:0; border:medium none;} .sidesInputTod{margin:0px; padding:5px 7px; height:13px; top:0; border:1px solid #ccc; width: 90%; margin-bottom: 5px; color: #606060;} .inputHeader .LeftInputSearch{background:transparent url("../images/LeftInputSearch.jpg") no-repeat; width:3px; margin:29px 0 30px 32px; _display:inline;} .inputHeader .RightInputSearch{background:transparent url("../images/RightInputSearch.jpg") no-repeat; width:29px; margin:29px 2px 0 0;} *:first-child+html .inputHeader .LeftInputSearch{margin-top:28px;} .inputHeader .LeftInputLoginMail{margin-left:25px; _margin-left:17px;} *:first-child+html .inputHeader .LeftInputLoginMail{margin-left:17px;margin-top:28px;} .inputHeader .LeftInputLoginPass{margin-left:6px;} *:first-child+html .inputHeader .LeftInputLoginPass{margin-top:28px;} .inputHeader .RightInputLogin{background:transparent url("../images/RightInputLogin.jpg") no-repeat; width:3px; margin:29px 0px 0 0;} *:first-child+html .inputHeader .RightInputLogin{margin-top:28px;} .inputHeader .input{border:medium none;height:13px;padding:5px 7px;color:#606060; width:120px; margin:29px 0 0;} *:first-child+html .inputHeader .input{margin-top:28px;} .btnSearch { background:#ccc url("../images/RightInputSearch.jpg") no-repeat; border:medium none; height:23px; width:29px; cursor:pointer; margin:29px 32px 0px 0; _top:-1px; _left:-3px; _float:left; } *:first-child+html .btnSearch {margin-top:28px;} .btnLogin { background:transparent url("../images/login_button.jpg") no-repeat; border:medium none; height:23px; width:65px; cursor:pointer; margin:29px 0 0 8px; } *:first-child+html .btnLogin {margin-top:28px;} .todSearch { background:transparent url(../images/todSearch.gif) no-repeat scroll 0 0; border:medium none; cursor:pointer; height:24px; margin:10px 0 0 8px; width:69px; } .btnLogout{ background:transparent url("../images/logout_button.jpg") no-repeat; border:medium none; height:22px; width:69px; cursor:pointer; float:right; } .btnLogout:hover{text-decoration:none;} .communityInput{ background-color:#F3F4F4; width:410px; _margin-top:1px; } /*------------------------------------------------------------------------- Events / tickets ---------------------------------------------------------------------------*/ .eventInputContainer{} .eventInputContainer td{padding-right:7px;} .eventInputContainer .eventContainer{ float:left; margin-bottom:15px; margin-left:5px; margin-right:10px; margin-top:11px; width:41%; width:40%; _position:relative; _overflow:hidden; } *:first-child+html .eventInputContainer .eventContainer{width:40%; position:relative;} .eventInputContainer .datumConatiner{ float:left; margin-bottom:15px; margin-right:5px; margin-top:11px; width:52%; _width:53%; _position:relative; _overflow:hidden; } *:first-child+html .eventInputContainer .datumConatiner{position:relative;} .eventInputContainer span{ display:block; font-size:0.8em; margin-bottom:5px; color:#8A8B8D; } /* id = name von select + Container */ #selectEventContainer{width:148px;} .eventInputContainer .selectEvent{width:148px;} #selectEventContainer .selectText{width:130px;} #selectDayContainer{width:47px;} .eventInputContainer .selectDay{width:47px;} #selectDayContainer .selectText{width:23px;} #selectMonthContainer{width:75px;} .eventInputContainer .selectMonth{width:75px;} #selectMonthContainer .selectText{width:52px;} #selectYearContainer{width:60px;} .eventInputContainer .selectYear{width:60px;} #selectYearContainer .selectText{width:35px;} /*------------------------------------------------------------------------- Input/Selct Styled ---------------------------------------------------------------------------*/ .inputContainer { position: absolute; color: #fff; font: 12px/21px arial,sans-serif; overflow: hidden; } .inputContainer .selectLeft{ background:url(../images/input/selectLeft.jpg) no-repeat; display:block; float:left; height:23px; left:0; width:3px; margin-bottom:0; } .inputContainer .selectText{ float:left; overflow:hidden; background:url(../images/input/selectBackground.jpg) repeat-x; height: 23px; margin-bottom:0; } .inputContainer .selectButton{ background:url(../images/input/selectButton.jpg) no-repeat; display:block; float:left; height:23px; position:absolute; right:0; width:26px; margin-bottom:0; } /*-------------------------------------------------------------------------