@CHARSET "UTF-8"; body{font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; padding: 0px; background-color: #ffffff; color: #222222; width:100%; height:100%; overflow:hidden; min-width:1024px; min-height:765px; z-index:1} input {border: none;} #OuterProgrammArea{position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; background-color:#4169E1; } #ProgrammArea{position:absolute; top:5px; left:5px; right:5px; bottom:5px; overflow:hidden; background-color:white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #TopArea{position:absolute; top:0px; left:0px; height:45px; right:0px; background-color:gray; display:block; color:white; overflow:hidden; font-size: 10px; background: #efefef; background: linear-gradient(top, #0099FF 0%, #4169E1 70%); background: -moz-linear-gradient(top, #0099FF 0%, #4169E1 70%); background: -webkit-linear-gradient(top, #0099FF 0%,#4169E1 70%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15);} #MainMenuAndProgrammArea{position:absolute; top:45px; left:0px; bottom: 0px; right:0px; display:block; color:blue; overflow:hidden; font-size: 1px; background-color: #DCDCDC; } #MainMenuBackgroundArea{position:absolute; top:0px; left:0px; height: 38px; right:0px; display:block; overflow:hidden; background: #efefef; background: linear-gradient(top, #4169E1 30%, #0099FF 100%); background: -moz-linear-gradient(top, #4169E1 30%, #0099FF 100%); background: -webkit-linear-gradient(top, #4169E1 30%, #0099FF 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); z-index:0;} #MainPrgArea{position:absolute; top:38px; left:0px; right:0px; bottom: 0px; background-color:white; overflow:hidden;font-size: 10px;} /* TOP Area Stuff --------------------------------------------------------------------------------------------------------------------*/ #Logo{position:absolute; top:5px; left:5px; height:30px; width:200px; float:left; background:url(../img/droggitis200.png) no-repeat 0 0;} #AppName{position:absolute; top:15px; left:210px; height:30px; width:150px; color:white; float:left; font-size: 20px; font-weight:bold; } #CustomerName{position:absolute; top:15px; left:350px; height:12px; width:250px; color:white; float:left; font-size: 10px; } #LoginUnameTitle{position:absolute; top:5px; right:160px; height:10px; width:80px; font-size: 8px; color:white;} #LoginUnameData{position:absolute; top:15px; right:160px; height:20px; width:80px; font-size: 10px;} #LoginPswdTitle{position:absolute; top:5px; right:60px; height:10px; width:80px; font-size: 8px; color:white;} #LoginPswdData{position:absolute; top:15px; right:60px; height:20px; width:80px; font-size: 10px;} #LoginOK{position:absolute; top:15px; right:10px; height:30px; width:30px; background:url(../img/ok_red.png);background-position: 0 0;} #LoginOK:hover { background-position: 0px -30px; } #LoginOKFormBtnSubmit{visibility:hidden;} /* MAIN MENU STUFF --------------------------------------------------------------------------------------------------------*/ nav {position:absolute; top:2px; left:2px; font-family: arial, verdana, helvetica, sans-serif; z-index:9999; padding:0px 0px 0px 5px; margin:0px 0px 0px 0px;} nav ul ul {display: none; } nav ul li:hover > ul {display: block;} nav ul { background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0px 5px; border-radius: 5px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; min-width:120px; border-left: 1px solid #F0F0F0 ; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; } nav ul li a { display: block; padding: 5px 10px; color: blue; text-decoration: none; font-size: 18px; } nav ul ul { background: #5f6975; border-radius: 0px; padding: 0px; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; min-width:130px; } nav ul ul li a { padding: 5px 10px; color: #fff; font-size: 14px; } nav ul ul li a:hover { background: #4b545f; } nav ul ul ul { position: absolute; left: 100%; top:0; } nav ul ul ul li{ min-width:140px; } nav ul ul ul li a{ min-width:150px; padding: 5px 10px; font-size: 14px;} /* POP UP WINDOW --------------------------------------------------------------------------------------------------------*/ .PopUpWindow{position:absolute; top:10px; height:510px; right: 430px; width:550px; display:none; z-index:9001; background:white; border-width: 1px; padding: 0px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .PopUpWindowTop{position:relative; top:0px; left:0px; height:20px; width:100%; background:blue; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width: 0px; border-style: solid; border-color: gray; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px;;} .PopUpWindowTopTitle{position:relative; top:3px; height:14px; left: 10px; width:80%; font-family: Arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight:bold; color: white; } .PopUpWindowTopClose{position:absolute; top:0px; height:20px; right:1px; width:20px; background: url("../img/w_exit.png");} .PopUpWindowContents{position:relative; top:0px; height:100%; left: 0px; width:100%; font-family: Arial, verdana, helvetica, sans-serif; font-size: 10px; color: blue; } .PopUpWindowContents input{font-family: Arial, verdana, helvetica, sans-serif; font-size: 12px; color: #333333; border:none;} .PopUpWindowContentsFormLine{position:relative; top: 22px; left:0px; width:100%; height:22px; margin: 1px 0px 1px 0px;} .PopUpWindowContentsFormFieldTitle{position:absolute; top: 0px; left:0px; width:100px; height:18px; text-align:right; padding: 2px 4px 2px 4px;float:left;} .PopUpWindowContentsFormFieldValueBorder{position:absolute; top:0px; left:110px; width:200px; height:18px; text-align:left; padding: 2px 4px 2px 4px; border-width: 1px; padding: 1px; border-style: solid; border-color: gray; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowContentsFormFieldValueNoBorder{position:absolute; top:0px; left:110px; width:200px; height:18px; text-align:left; padding: 2px 4px 2px 4px; float:left;} .PopUpWindowContentsFormFieldSELECT1{position:absolute; top:0px; left:110px; width:200px; height:18px; text-align:left; padding: 2px 4px 2px 4px; float:left;} .PopUpWindowContentsFormLineSeperator{position:relative; top: 22px; left:5px; right:25px; height:2px; margin: 11px 0px 11px 0px; background-color:blue;} .PopUpWindowContentsTextTitle{position:relative; top: 30px; left:0px; width:100%; height:30px; margin: 1px 0px 1px 0px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 20px;text-align:center; } .PopUpWindowContentsTextLine1{position:relative; top: 22px; left:0px; width:100%; height:22px; margin: 1px 0px 1px 0px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 18px;text-align:center; } .PopUpWindowContentsTextLine2{position:relative; top: 22px; left:0px; width:100%; height:22px; margin: 1px 0px 1px 0px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 12px;text-align:center; } .AVLCaptchaCodeField{position:relative; top: 10px; left:0px; width:100%; height:10px;} .PopUpWindowContentsForm4Lines {position:relative; top:22px; left:0px; width:100%; height:90px;} .PopUpWindowContentsFormTextArea4{position:absolute; top: 0px; left:160px; width:350px; height:80px; text-align:left; padding: 2px 5px 2px 5px; background-color:white; border: 1px #999999 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(0,0,0,0.4) 1px 1px;} .PopUpWindowContentsVerticalSpace{position:relative; top: 10px; left:0px; width:100%; height:10px; } .PopUpWindowBottom{position:absolute; bottom:15px; height:20px; left: 0px; width:100%; background:white; adding: 2px; float:left;} .PopUpWindowBottomBtn150 {position:absolute; height:30px; width:150px; background-color:white; font-family: Arial; font-size:12px; color:blue; font-weight:bold; text-align:center; float:left; border-width: 1px; padding: 0px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .PopUpWindowBottomBtn150:hover { background-color:blue; color:white; } .PopUpWindowBottomBtn150 p {position: absolute; top: 50%; height: 12px; margin-top: -10px; width:150px; text-align:center; } .WaitSymbol{position:absolute; top:45%; left:45%; height:65px; width:65px; z-index:9999; display:none; background:url(../img/wait.gif);} /* timepicker stuff ------------------------------------*/ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } /* Grid Tables Stuff --------------------------------------------------*/ .GridTopControls{position:absolute; top: 0px; left:5px; right:5px; height:34px; display:block; float:left; background-color:#4169E1;} .GridTopControls_AddBtn{position:absolute; top: 2px; left:5px; width:30px; height:30px; background:url(../img/btn_add.png) no-repeat 0 0; display:block; float:left;} .GridTopControls_AddBtn:hover { background-position: 0px -30px; } .GridTopControls_MinusBtn{position:absolute; top: 2px; left:40px; width:30px; height:30px; background:url(../img/btn_delete.png) no-repeat 0 0; display:block; float:left;} .GridTopControls_MinusBtn:hover { background-position: 0px -30px; } .GridTopControls_EditBtn{position:absolute; top: 2px; left:75px; width:30px; height:30px; background:url(../img/btn_edit.png) no-repeat 0 0; display:block; float:left;} .GridTopControls_EditBtn:hover{ background-position: 0px -30px; } .GridTopControls_fromDateBox{position:absolute; top: 4px; left:120px; width:100px; height:14px; padding: 5px; border-width: 1px; float:left; font-size:14px; border-style: solid; border-color: gray; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .GridTopControls_toDateBox{position:absolute; top: 4px; left:235px; width:100px; height:14px; padding: 5px; border-width: 1px; float:left; font-size:14px; border-style: solid; border-color: gray; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .GridTopControls_SearchValueBox{position:absolute; top: 4px; left:370px; width:120px; height:14px; padding: 5px; border-width: 1px; float:left; font-size:14px; border-style: solid; border-color: gray; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .GridTopControls_SearchBtn{position:absolute; top: 2px; left:505px; width:30px; height:30px; background:url(../img/btn_search.png) no-repeat 0 0; display:block; float:left;} .GridTopControls_SearchBtn:hover { background-position: 0px -30px; } .GridTopControls_SelectListBox{position:absolute; top: 4px; left:10px; width:380px; height:14px; padding: 5px; border-width: 0px; float:left; font-size:14px; border-style: solid; border-color: gray; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .GridTopControls_OKBtn{position:absolute; top: 2px; left:400px; width:30px; height:30px; background:url(../img/ok_red.png) no-repeat 0 0; display:block; float:left;} .GridTopControls_OKBtn:hover { background-position: 0px -30px; } .GridTopControls_Title{position:absolute; top: 2px; right:10px; width:80px; height:10px; font-size:10px; padding: 5px 0px 5px 0px; text-align:right; color: white; font-weight:bold;} .GridDataArea{position:absolute; top: 35px; left:5px; right:5px; bottom:5px; display:block; float:left;} .GridDataAreaDataTitles{position:absolute; top: 0px; left:0px; right:0px; height:12px; display:block; float:left;} .GridDataAreaDataLines{position:absolute; top: 15px; left:0px; right:0px; bottom:0px; display:block; float:left; overflow-x:hidden; overflow-y:auto; } table.GridTbl{ font-family: Arial, verdana, helvetica, sans-serif; border-width: 1px; border-color: gray; border-collapse:collapse; font-size: 11px; color: #333333; padding: 1px; border-spacing: 0px; table-layout: fixed; right:10px; } table.GridTbl th { border-width: 1px; padding: 0px; border-style: solid; border-color: gray; background-color: #58ACFA; font-weight:bold; overflow: hidden; width: 100px; text-align:center; } table.GridTbl td { border-width: 1px; padding: 0px; border-style: solid; border-color: gray; table-layout: fixed; overflow: hidden; text-align:center; } table.GridTbl tr {} .oddrowcolor{ background-color: white; } .evenrowcolor{ background-color:#E0ECF8;} .InitialGridLine { background: none; } .highlightGridLine { background: #CCFFFF; } .clickedSelectedGridLine { background: #00FF00; } .GridTblInput{font-size:10px; text-align:center;} /* -------------------------- GRID 2 TABLES STUFF -----------------------------------------------*/ table.GridTbl2{ font-family: Arial, verdana, helvetica, sans-serif; border-width: 1px; border-color: white; border-collapse:collapse; font-size: 20px; color: #333333; padding: 1px; border-spacing: 0px; background-color: white; table-layout: fixed; right:10px; margin:3px; min-height:40px; } table.GridTbl2 th { border-width: 1px; padding:10px 0px 10px 0px; border-style: solid; border-color: gray; background-color: #58ACFA; font-weight:bold; overflow: hidden; width: 100px; text-align:center; } table.GridTbl2 td {overflow: hidden; text-align:center; padding:14px 0px 14px 0px; background: #E8E8E8 ; color: #333333; font-weight:bold; border:1px white solid;} table.GridTbl2 td:hover {overflow: hidden; text-align:center; padding:14px 0px 14px 0px; background: #303030 ; color: white; font-weight:bold; border:1px white solid;} /* table.GridTbl2 td { border-width: 1px; padding: 0px; border-style: solid; border-color: white; table-layout: fixed; overflow: hidden; text-align:center; padding:8px 0px 8px 0px; background: none; } .GridTbl2Normaltr{border-width: 1px; padding: 0px; border-style: solid; border-color: white; table-layout: fixed; overflow: hidden; text-align:center; padding:8px 0px 8px 0px; background: none; } .GridTbl2Normaltr:hover{ color:blue; background-color:#FFFFCC;} .GridTbl2Selectedtr{border-width: 1px; padding: 0px; border-style: solid; border-color: white; table-layout: fixed; overflow: hidden; text-align:center; padding:8px 0px 8px 0px; background: none; color:white; background-color:blue;} .GridTbl2Selectedtr:hover{ color:white; background-color:blue; } .InitialGridLine2 { background: #A0A0A0; } .highlightGridLine2 { background: #303030; color:white;} */ .GridDataAreaDataTitles2{position:absolute; top: 0px; left:0px; right:0px; height:32px; display:block; float:left;} .GridDataAreaDataLines2{position:absolute; top: 0px; left:0px; right:0px; bottom:0px; display:block; float:left; overflow-x:hidden; overflow-y:auto; } /* -------------------------------MainPrgdiv DIVs -------------------------------------------------*/ .MainPrgdiv{ font-family: verdana, helvetica, sans-serif; font-size: 10px; padding: 0px; background-color: white; color: #222222; position:absolute; top: 0px; left:0px; width:1024px; bottom:0px; min-width:800px; min-height:550px; padding:1px; margin:1px; z-index:2; visibility:hidden; } /* ----------- Vehicle to parastatika stuff ------------------------------*/ .listBox200{position:absolute; top: 30px; left:10px; width:200px; height:400px; display:block; float:left; overflow-x:hidden; overflow-y:auto; border-width: 1px; padding: 2px; margin:2px; border-style: solid; border-color: blue; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .listBox300{position:absolute; top: 30px; left:170px; width:300px; height:400px; display:block; float:left; overflow-x:hidden; overflow-y:auto; border-width: 1px; padding: 2px; margin:2px; border-style: solid; border-color: blue; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .listBoxTitle{position:absolute; top:10px; left:10px; height:12px; width:200px; color:blue; float:left; font-size: 12px; font-weight:bold; text-align:center;} .listBox_rightBtn{position:absolute; top: 180px; left:545px; width:30px; height:30px; background:url(../img/btn_right.png) no-repeat 0 0; display:block; float:left;} .listBox_rightBtn:hover { background-position: 0px -30px; } .listBox_leftBtn{position:absolute; top: 230px; left:545px; width:30px; height:30px; background:url(../img/btn_left.png) no-repeat 0 0; display:block; float:left;} .listBox_leftBtn:hover { background-position: 0px -30px; } .listBox_SmallBtn{position:absolute; top:440px; left:300px; height:20px; width:80px; background-color:white; font-family: Arial; font-size:10px; color:blue; font-weight:bold; text-align:center; float:left; border-width: 1px; padding: 0px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .listBox_SmallBtn:hover{ background-color:blue; color:white; } .listBox_SmallBtn p {position: absolute; top: 50%; height: 10px; margin-top: -8px; width:80px; text-align:center; } /* --------------------------- PAGE SPECIFIC -------------------------------------------------*/ #initialLogo{position:absolute; top:100px;left:150px; width:600px; height:400px; overflow:hidden; background:url(../img/DrFerry_Logo_400.png) no-repeat 0 0; display:block; float:left;} h2{ font-size: 10px;margin-bottom: 2px; } h6{ font-family: verdana, helvetica, sans-serif; font-size: 14px; color: #222222; } .BtnRefresh{position:absolute; top:5px;left:20px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_refresh.png) no-repeat 0 0;} .BtnRefresh:hover{background-position: 0px -50px;} /* --------------------------- TICKET SCREEN SPECIFIC -------------------------------------------------*/ .tckPageDiv{position:absolute; top: 5px; left:5px; width:1000px; height:620px; display:block; float:left; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .tckTopControls{position:absolute; top:0px; left:0px; right:0px; height:40px; display:block; background-color:#4169E1; font-size:28px; font-weight:bold; text-align:center; color:white; border-width: 0px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .tckbtn{width:50px; height:50px; } .tckbtn:hover{background-color:yellow;} .tckbtnSelected{ background-color:#FF6600; } .tckbtnSelected:hover{background-color:#FF6600;} /* SOSTO RED .tckbtnSelected{ border-left: 4px #FF0000 solid; border-right: 4px #FF0000 solid;} */ .tckBigTextTitle{width:200px; height:10px; float:left; font-size:12px; font-weight:bold; overflow:hidden; display:block; float:left;} .tckBigTextBox{width:190px; height:16px; padding: 6px 5px 6px 5px; margin:0px; float:left; font-size:16px; font-weight:bold; overflow:hidden; display:block; float:left; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .tckSmallTextTitle{width:150px; height:12px; float:left; font-size:9px; padding:0px; margin:0px; overflow:hidden; display:block; float:left;} .tckSmallTextBox{width:150px; height:18px; padding: 1px 4px 1px 4px; float:left; font-size:10px; font-weight:bold; overflow:hidden; display:block; float:left; text-align:center; border-width: 1px; border-style: solid; border-color: gray; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .tckCheckBox{width:40px; height:20px; overflow:hidden; display:block; float:left;} .tckMiddleSeperator{position:absolute; top:0px; left:10px; right:10px; height:3px; display:block; background-color: #DDDDDD; border-width: 0px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #tckBodyLine1{position:absolute; top:50px;left:5px; width:990px; height:60px; padding: 0px; display:block; overflow:hidden;} #tckBtnShip{position:absolute; top:0px;left:450px; display:block; overflow:hidden; background:url(../img/tckbtn_ship.png) no-repeat 0 0;} #tckBtnShip:hover{background-position: 0px -50px;} #tckTextShipTitle{position:absolute; top:5px; left:515px; width:300px;} #tckTextShip{position:absolute; top:20px; left:70px; width:300px;} #tckBtnDromologio{position:absolute; top:0px;left:10px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #tckBtnDromologio:hover{background-position: 0px -50px;} #tckTextDromologioTitle{position:absolute; top:5px; left:70px; width:450px;} #tckTextDromologio{position:absolute; top:20px; left:70px; width:450px;} #tckBtnPriceList{position:absolute; top:0px;left:550px; display:block; overflow:hidden; background:url(../img/tckbtn_pricelist.png) no-repeat 0 0;} #tckBtnPriceList:hover{background-position: 0px -50px;} #tckTextPriceListTitle{position:absolute; top:5px; left:610px; width:360px;} #tckTextPriceList{position:absolute; top:20px; left:610px; width:360px;} #tckBodyLine2{position:absolute; top:110px;left:5px; width:990px; height:40px; padding: 0px; display:block; overflow:hidden; } #tckTextDromologioDateTitle{position:absolute; top:0px; left:0px; } #tckTextDromologioDate{position:absolute; top:15px; left:0px; width:120px;} #tckTextDromologioTimeTitle{position:absolute; top:0px; left:130px; } #tckTextDromologioTime{position:absolute; top:15px; left:130px; width:80px;} #tckTextDromologioFromTitle{position:absolute; top:0px; left:230px;} #tckTextDromologioFrom{position:absolute; top:15px; left:230px; width:180px;} #tckTextDromologioToTitle{position:absolute; top:0px; left:430px;} #tckTextDromologioTo{position:absolute; top:15px; left:430px; width:180px;} #tckTextDromologioShipTitle{position:absolute; top:0px; left:630px;} #tckTextDromologioShip{position:absolute; top:15px; left:630px; width:180px;} #tckBodyLine3{position:absolute; top:150px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #tckTextNumOfPsgsReserved{position:absolute; top:15px; left:0px; border-color:grey;} #tckTextNumOfVehiclesReserved{position:absolute; top:15px; left:120px; border-color:grey;} #tckTextNumOfPsgs{position:absolute; top:15px; left:250px; border-color:grey;} #tckTextNumOfVehicles{position:absolute; top:15px; left:370px; border-color:grey;} #tckTextValue{position:absolute; top:5px; left:700px; width:270px; height:60px; padding:5px 10px 5px 2px; font-size:30px; background-color:blue; font-weight:bold; text-align:right; color:white;} /* #tckBodyLine4{position:absolute; top:230px; left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden;} #tckBtnKratisi{position:absolute; top:0px;left:10px; display:block; overflow:hidden; background:url(../img/tckbtn_reservation.png) no-repeat 0 0;} #tckBtnKratisi:hover{background-position: 0px -50px;} #tckTextKratisiTitle{position:absolute; top:5px; left:70px; width:300px;} #tckTextKratisi{position:absolute; top:20px; left:70px; width:400px;} */ #tckBodyLine5{position:absolute; top:230px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #tckBtnKratisi{position:absolute; top:0px;left:0px; display:block; overflow:hidden; background:url(../img/tckbtn_reservation.png) no-repeat 0 0;} #tckBtnKratisi:hover{background-position: 0px -50px;} /* #tckBtnPeople{position:absolute; top:0px;left:80px;display:block; overflow:hidden; background:url(../img/tckbtn_people.png) no-repeat 0 0;} #tckBtnPeople:hover{background-position: 0px -50px;} */ #tckBtnPeople{position:absolute; top:0px;left:80px;display:block; overflow:hidden; } #tckBtnVehicle{position:absolute; top:0px;left:140px; display:block; overflow:hidden; ;} #tckBtnCargo{position:absolute; top:0px;left:200px; display:block; overflow:hidden; } #tckTextParastatikoTitle{position:absolute; top:5px; left:260px; width:300px;} #tckTextParastatiko{position:absolute; top:20px; left:260px; width:300px;} #tckBtnCategory{position:absolute; top:0px;left:600px; display:block; overflow:hidden; background:url(../img/tckbtn_category.png) no-repeat 0 0;} #tckBtnCategory:hover{background-position: 0px -50px;} #tckTextChargeCategoryTitle{position:absolute; top:5px; left:660px; width:310px;} #tckTextChargeCategory{position:absolute; top:20px; left:660px; width:310px;} #tckBodyLine6{position:absolute; top:290px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #tckInputMainDataTitle{position:absolute; top:5px; left:0px; width:570px;} #tckInputMainData{position:absolute; top:20px; left:0px; width:570px;} #tckInputTelTitle{position:absolute; top:5px; left:600px; width:370px;} #tckInputTelCare{position:absolute; top:20px; left:600px; width:370px;} #tckBodyLine61{position:absolute; top:360px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #tckBtnPsgA{position:absolute; top:0px;left:0px;display:block; overflow:hidden; } #tckBtnPsgC{position:absolute; top:0px;left:60px; display:block; overflow:hidden; } #tckBtnPsgB{position:absolute; top:0px;left:120px; display:block; overflow:hidden; } #tckBtnPsgM{position:absolute; top:0px;left:200px; display:block; overflow:hidden; } #tckBtnPsgF{position:absolute; top:0px;left:260px; display:block; overflow:hidden; } #tckBtnPsgNty{position:absolute; top:0px;left:340px; display:block; overflow:hidden; background:url(../img/tckbtn_psgNty.png) no-repeat 0 0;} #tckBtnPsgNty:hover{background-position: 0px -50px;} #tckInputNtyTitle{position:absolute; top:5px; left:400px; width:200px;} #tckInputNty{position:absolute; top:20px; left:400px; width:200px;} #tckInputReqCareCheckBox{position:absolute; top:20px; left:630px; width:20px;} #tckInputReqCareTitle{position:absolute; top:5px; left:650px; width:320px;} #tckInputReqCare{position:absolute; top:20px; left:650px; width:320px;} #tckBodyLine7{position:absolute; top:440px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #tckBtnCash{position:absolute; top:0px;left:0px;display:block; overflow:hidden; } #tckBtnCard{position:absolute; top:0px;left:60px; display:block; overflow:hidden; } #tckBtnCredit{position:absolute; top:0px;left:120px; display:block; overflow:hidden;} #tckTextPayCategoryTitle{position:absolute; top:5px; left:180px; width:300px;} #tckTextPayCategory{position:absolute; top:20px; left:180px; width:300px;} #tckTextPayCategoryRemarksTitle{position:absolute; top:5px; left:520px; width:450px;} #tckTextPayCategoryRemarks{position:absolute; top:20px; left:520px; width:450px;} #tckBodyLine8{position:absolute; top:500px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #tckTextTicketRemarksTitle{position:absolute; top:5px; left:0px; width:970px;} #tckTextTicketRemarks{position:absolute; top:20px; left:0px; width:970px;} .tckBottomControls{position:absolute; bottom:0px; left:0px; right:0px; height:60px; display:block; background-color:#4169E1; font-size:28px; font-weight:bold; text-align:center; color:white; border-width: 0px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #tckBtnRefresh{position:absolute; top:5px;left:20px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_refresh.png) no-repeat 0 0;} #tckBtnRefresh:hover{background-position: 0px -50px;} #tckBtnClear{position:absolute; top:5px;left:100px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_clear.png) no-repeat 0 0;} #tckBtnClear:hover{background-position: 0px -50px;} #KINEKD_tckBtnPrint{position:absolute; top:5px;left:930px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_print.png) no-repeat 0 0;} #KINEKD_tckBtnPrint:hover{background-position: 0px -50px;} /* --------------------------- reservations SCREEN SPECIFIC -------------------------------------------------*/ .rsvPageDiv{position:absolute; top: 5px; left:5px; width:1000px; height:570px; display:block; float:left; border-width: 2px; border-style: solid; border-color: #FF6600; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .rsvTopControls{position:absolute; top:0px; left:0px; right:0px; height:40px; display:block; background-color:#FF6600; font-size:28px; font-weight:bold; text-align:center; color:white; border-width: 0px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} /* .rsvbtn{width:50px; height:50px;} .rsvbtnSelected {width:50px; height:50px; background-position: 0px -100px; } */ .rsvbtn{width:50px; height:50px; } .rsvbtn:hover{background-color:yellow;} .rsvbtnSelected{ background-color:#FF6600; } .rsvbtnSelected:hover{background-color:#FF6600;} .rsvBigTextTitle{width:200px; height:10px; float:left; font-size:12px; font-weight:bold; overflow:hidden; display:block; float:left;} .rsvBigTextBox{width:190px; height:16px; padding: 6px 5px 6px 5px; margin:0px; float:left; font-size:16px; font-weight:bold; overflow:hidden; display:block; float:left; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .rsvSmallTextTitle{width:150px; height:12px; float:left; font-size:9px; padding:0px; margin:0px; overflow:hidden; display:block; float:left;} .rsvSmallTextBox{width:150px; height:18px; padding: 1px 4px 1px 4px; float:left; font-size:10px; font-weight:bold; overflow:hidden; display:block; float:left; text-align:center; border-width: 1px; border-style: solid; border-color: gray; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .rsvCheckBox{width:40px; height:20px; overflow:hidden; display:block; float:left;} .rsvMiddleSeperator{position:absolute; top:0px; left:10px; right:10px; height:3px; display:block; background-color: #DDDDDD; border-width: 0px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #rsvBodyLine1{position:absolute; top:50px;left:5px; width:990px; height:60px; padding: 0px; display:block; overflow:hidden;} #rsvBtnShip{position:absolute; top:0px;left:450px; display:block; overflow:hidden; background:url(../img/tckbtn_ship.png) no-repeat 0 0;} #rsvBtnShip:hover{background-position: 0px -50px;} #rsvTextShipTitle{position:absolute; top:5px; left:515px; width:300px;} #rsvTextShip{position:absolute; top:20px; left:70px; width:300px;} #rsvBtnDromologio{position:absolute; top:0px;left:10px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #rsvBtnDromologio:hover{background-position: 0px -50px;} #rsvTextDromologioTitle{position:absolute; top:5px; left:70px; width:450px;} #rsvTextDromologio{position:absolute; top:20px; left:70px; width:450px;} #rsvBtnPriceList{position:absolute; top:0px;left:550px; display:block; overflow:hidden; background:url(../img/tckbtn_pricelist.png) no-repeat 0 0;} #rsvBtnPriceList:hover{background-position: 0px -50px;} #rsvTextPriceListTitle{position:absolute; top:5px; left:610px; width:360px;} #rsvTextPriceList{position:absolute; top:20px; left:610px; width:360px;} #rsvBodyLine2{position:absolute; top:110px;left:5px; width:990px; height:40px; padding: 0px; display:block; overflow:hidden; } #rsvTextDromologioDateTitle{position:absolute; top:0px; left:0px; } #rsvTextDromologioDate{position:absolute; top:15px; left:0px; width:120px;} #rsvTextDromologioTimeTitle{position:absolute; top:0px; left:130px; } #rsvTextDromologioTime{position:absolute; top:15px; left:130px; width:80px;} #rsvTextDromologioFromTitle{position:absolute; top:0px; left:230px;} #rsvTextDromologioFrom{position:absolute; top:15px; left:230px; width:180px;} #rsvTextDromologioToTitle{position:absolute; top:0px; left:430px;} #rsvTextDromologioTo{position:absolute; top:15px; left:430px; width:180px;} #rsvTextDromologioShipTitle{position:absolute; top:0px; left:630px;} #rsvTextDromologioShip{position:absolute; top:15px; left:630px; width:180px;} #rsvBodyLine3{position:absolute; top:150px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #rsvTextNumOfPsgsReserved{position:absolute; top:15px; left:0px; border-color:grey;} #rsvTextNumOfVehiclesReserved{position:absolute; top:15px; left:120px; border-color:grey;} #rsvTextNumOfPsgs{position:absolute; top:15px; left:250px; border-color:grey;} #rsvTextNumOfVehicles{position:absolute; top:15px; left:370px; border-color:grey;} #rsvTextValue{position:absolute; top:5px; left:700px; width:270px; height:60px; padding:5px 10px 5px 2px; font-size:30px; background-color:blue; font-weight:bold; text-align:right; color:white;} /* #rsvBodyLine4{position:absolute; top:230px; left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden;} #rsvBtnKratisi{position:absolute; top:0px;left:10px; display:block; overflow:hidden; background:url(../img/tckbtn_reservation.png) no-repeat 0 0;} #rsvBtnKratisi:hover{background-position: 0px -50px;} #rsvTextKratisiTitle{position:absolute; top:5px; left:70px; width:300px;} #rsvTextKratisi{position:absolute; top:20px; left:70px; width:400px;} */ #rsvBodyLine5{position:absolute; top:230px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #rsvBtnKratisi{position:absolute; top:0px;left:0px; display:block; overflow:hidden; background:url(../img/tckbtn_reservation.png) no-repeat 0 0;} #rsvBtnKratisi:hover{background-position: 0px -50px;} /* #rsvBtnPeople{position:absolute; top:0px;left:80px;display:block; overflow:hidden; background:url(../img/tckbtn_people.png) no-repeat 0 0;} #rsvBtnPeople:hover{background-position: 0px -50px;} */ #rsvBtnPeople{position:absolute; top:0px;left:80px;display:block; overflow:hidden; } #rsvBtnVehicle{position:absolute; top:0px;left:140px; display:block; overflow:hidden; ;} #rsvBtnCargo{position:absolute; top:0px;left:200px; display:block; overflow:hidden; } #rsvTextParastatikoTitle{position:absolute; top:5px; left:210px; width:350px;} #rsvTextParastatiko{position:absolute; top:20px; left:210px; width:350px;} #rsvBtnCategory{position:absolute; top:0px;left:600px; display:block; overflow:hidden; background:url(../img/tckbtn_category.png) no-repeat 0 0;} #rsvBtnCategory:hover{background-position: 0px -50px;} #rsvTextChargeCategoryTitle{position:absolute; top:5px; left:660px; width:310px;} #rsvTextChargeCategory{position:absolute; top:20px; left:660px; width:310px;} #rsvBodyLine6{position:absolute; top:290px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #rsvInputMainDataTitle{position:absolute; top:5px; left:0px; width:570px;} #rsvInputMainData{position:absolute; top:20px; left:0px; width:570px;} #rsvInputTelTitle{position:absolute; top:5px; left:600px; width:370px;} #rsvInputTelCare{position:absolute; top:20px; left:600px; width:370px;} #rsvBodyLine61{position:absolute; top:360px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #rsvBtnPsgA{position:absolute; top:0px;left:0px;display:block; overflow:hidden; } #rsvBtnPsgC{position:absolute; top:0px;left:60px; display:block; overflow:hidden; } #rsvBtnPsgB{position:absolute; top:0px;left:120px; display:block; overflow:hidden; } #rsvBtnPsgM{position:absolute; top:0px;left:200px; display:block; overflow:hidden; } #rsvBtnPsgF{position:absolute; top:0px;left:260px; display:block; overflow:hidden; } #rsvBtnPsgNty{position:absolute; top:0px;left:340px; display:block; overflow:hidden; background:url(../img/tckbtn_psgNty.png) no-repeat 0 0;} #rsvBtnPsgNty:hover{background-position: 0px -50px;} #rsvInputNtyTitle{position:absolute; top:5px; left:400px; width:200px;} #rsvInputNty{position:absolute; top:20px; left:400px; width:200px;} #rsvInputReqCareCheckBox{position:absolute; top:20px; left:630px; width:20px;} #rsvInputReqCareTitle{position:absolute; top:5px; left:650px; width:320px;} #rsvInputReqCare{position:absolute; top:20px; left:650px; width:320px;} #rsvBodyLine7{position:absolute; top:440px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #rsvBtnCash{position:absolute; top:0px;left:0px;display:block; overflow:hidden; } #rsvBtnCard{position:absolute; top:0px;left:60px; display:block; overflow:hidden; } #rsvBtnCredit{position:absolute; top:0px;left:120px; display:block; overflow:hidden;} #rsvTextPayCategoryTitle{position:absolute; top:5px; left:180px; width:300px;} #rsvTextPayCategory{position:absolute; top:20px; left:180px; width:300px;} #rsvTextPayCategoryRemarksTitle{position:absolute; top:5px; left:520px; width:450px;} #rsvTextPayCategoryRemarks{position:absolute; top:20px; left:520px; width:450px;} #rsvBodyLine8{position:absolute; top:500px;left:5px; width:990px; height:50px; padding: 0px; display:block; overflow:hidden; } #rsvTextTicketRemarksTitle{position:absolute; top:5px; left:0px; width:970px;} #rsvTextTicketRemarks{position:absolute; top:20px; left:0px; width:970px;} .rsvBottomControls{position:absolute; bottom:0px; left:0px; right:0px; height:60px; display:block; background-color:#FF6600; font-size:28px; font-weight:bold; text-align:center; color:white; border-width: 0px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #rsvBtnRefresh{position:absolute; top:5px;left:20px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_refresh.png) no-repeat 0 0;} #rsvBtnRefresh:hover{background-position: 0px -50px;} #rsvBtnClear{position:absolute; top:5px;left:100px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_clear.png) no-repeat 0 0;} #rsvBtnClear:hover{background-position: 0px -50px;} #rsvBtnPrint{position:absolute; top:5px;left:930px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_print.png) no-repeat 0 0;} #rsvBtnPrint:hover{background-position: 0px -50px;} /*---------------------------- CREW SET SCREEN SPECIFIC -----------------------------------*/ #DROMCREWSET_Line1{position:absolute; top:50px;left:5px; width:990px; height:60px; padding: 0px; display:block; overflow:hidden;} #DROMCREWSET_BtnDromologio{position:absolute; top:0px;left:110px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #DROMCREWSET_TextDromologioTitle{position:absolute; top:5px; left:170px; width:450px;} #DROMCREWSET_TextDromologio{position:absolute; top:20px; left:170px; width:600px;} #DROMCREWSET_leftContainer{position:absolute; top:110px;left:50px; display:block; overflow:hidden; width:400px; bottom:70px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #DROMCREWSET_rightContainer{position:absolute; top:110px;left:540px; display:block; overflow:hidden; width:400px; bottom:70px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #DROMCREWSET_BtnRight{position:absolute; top:230px;left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_right.png) no-repeat 0 0;} #DROMCREWSET_BtnRight:hover{background-position: 0px -50px;} #DROMCREWSET_BtnRightAll{position:absolute; top:300px;left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_allright.png) no-repeat 0 0;} #DROMCREWSET_BtnRightAll:hover{background-position: 0px -50px;} #DROMCREWSET_BtnClear{position:absolute; top:5px;left:100px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_clear.png) no-repeat 0 0;} #DROMCREWSET_BtnClear:hover{background-position: 0px -50px;} #DROMCREWSET_BtnSubmit{position:absolute; top:5px;left:930px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/ok.png) no-repeat 0 0;} #DROMCREWSET_BtnSubmit:hover{background-position: 0px -50px;} /*---------------------------- LISTA EPIVAINONTON SCREEN SPECIFIC -----------------------------------*/ #DROMLISTAEP_Line1{position:absolute; top:50px;left:5px; width:990px; height:60px; padding: 0px; display:block; overflow:hidden;} #DROMLISTAEP_BtnDromologio{position:absolute; top:0px;left:110px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #DROMLISTAEP_TextDromologioTitle{position:absolute; top:5px; left:170px; width:450px;} #DROMLISTAEP_TextDromologio{position:absolute; top:20px; left:170px; width:600px;} #DROMLISTAEP_BtnSubmit{position:absolute; top:5px;left:930px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/ok.png) no-repeat 0 0;} #DROMLISTAEP_BtnSubmit:hover{background-position: 0px -50px;} /*---------------------------- DROMOLOGIO CHECKIN SCREEN SPECIFIC -----------------------------------*/ #DROMCHECKIN_PageBody{position:absolute; top: 5px; left:5px; width:1000px; bottom:20px; display:block; float:left; } #DROMCHECKIN_TopLine{position:absolute; top:0px;left:5px; width:990px; height:60px; padding: 0px; display:block; overflow:hidden;} #DROMCHECKIN_BtnDromologio{position:absolute; top:0px;left:10px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #DROMCHECKIN_TextDromologioTitle{position:absolute; top:5px; left:70px; width:450px;} #DROMCHECKIN_TextDromologio{position:absolute; top:20px; left:70px; width:400px;} #DROMCHECKIN_Title{position:absolute; top:20px; left:550px; width:400px; text-align:right;} #DROMCHECKIN_leftContainer{position:absolute; top:70px;left:10px; display:block; overflow:hidden; width:400px; bottom:15px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #DROMCHECKIN_rightContainer{position:absolute; top:70px;left:590px; display:block; overflow:hidden; width:400px; bottom:15px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #DROMCHECKIN_BtnRight{position:absolute; top:100px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_right.png) no-repeat 0 0;} #DROMCHECKIN_BtnRight:hover{background-position: 0px -50px;} #DROMCHECKIN_BtnRightAll{position:absolute; top:170px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_allright.png) no-repeat 0 0;} #DROMCHECKIN_BtnRightAll:hover{background-position: 0px -50px;} #DROMCHECKIN_BtnLeft{position:absolute; top:240px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_left.png) no-repeat 0 0;} #DROMCHECKIN_BtnLeft:hover{background-position: 0px -50px;} #DROMCHECKIN_BtnLeftAll{position:absolute; top:310px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_leftall.png) no-repeat 0 0;} #DROMCHECKIN_BtnLeftAll:hover{background-position: 0px -50px;} #DROMCHECKIN_BtnUpload{position:absolute; top:420px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_upload.png) no-repeat 0 0;} #DROMCHECKIN_BtnUpload:hover{background-position: 0px -50px;} #DROMCHECKIN_tckIdTitle{position:absolute; top:485px;left:445px; width:100px; text-align:center;} #DROMCHECKIN_tckIdBox{position:absolute; top:500px;left:435px; width:120px; text-align:center; border:1px blue solid;} #DROMCHECKIN_BtnSubmit{position:absolute; top:600px;left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/ok.png) no-repeat 0 0;} #DROMCHECKIN_BtnSubmit:hover{background-position: 0px -50px;} /*---------------------------- KINISEIS CHANGE DATE SCREEN SPECIFIC -----------------------------------*/ #KINCHDATE_PageBody{position:absolute; top: 5px; left:5px; width:1000px; bottom:20px; display:block; float:left; } #KINCHDATE_TopLine{position:absolute; top:0px;left:5px; width:990px; height:60px; padding: 0px; display:block; overflow:hidden;} #KINCHDATE_BtnDromologio{position:absolute; top:0px;left:10px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #KINCHDATE_TextDromologioTitle{position:absolute; top:5px; left:70px; width:450px;} #KINCHDATE_TextDromologio{position:absolute; top:20px; left:70px; width:400px;} #KINCHDATE_Title{position:absolute; top:20px; left:550px; width:400px; text-align:right;} #KINCHDATE_leftContainer{position:absolute; top:70px;left:10px; display:block; overflow:hidden; width:400px; bottom:15px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #KINCHDATE_rightContainer{position:absolute; top:70px;left:590px; display:block; overflow:hidden; width:400px; height:450px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #KINCHDATE_BtnRight{position:absolute; top:100px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_right.png) no-repeat 0 0;} #KINCHDATE_BtnRight:hover{background-position: 0px -50px;} #KINCHDATE_BtnRightAll{position:absolute; top:170px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_allright.png) no-repeat 0 0;} #KINCHDATE_BtnRightAll:hover{background-position: 0px -50px;} #KINCHDATE_BtnLeft{position:absolute; top:240px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_left.png) no-repeat 0 0;} #KINCHDATE_BtnLeft:hover{background-position: 0px -50px;} #KINCHDATE_BtnLeftAll{position:absolute; top:310px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_leftall.png) no-repeat 0 0;} #KINCHDATE_BtnLeftAll:hover{background-position: 0px -50px;} #KINCHDATE_tckIdTitle{position:absolute; top:420px;left:445px; width:100px; text-align:center;} #KINCHDATE_tckIdBox{position:absolute; top:435px;left:435px; width:120px; text-align:center; border:1px blue solid;} /* #KINCHDATE_newDateTitle{position:absolute; top:570px;left:590px; width:100px; text-align:right;} #KINCHDATE_newDateBox{position:absolute; top:570px;left:700px; width:180px; text-align:center; border:1px blue solid;} */ #KINCHDATE_BtnDromologio2{position:absolute; top:570px; left:590px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #KINCHDATE_TextDromologioTitle2{position:absolute; top:575px; left:650px; width:330px;} #KINCHDATE_TextDromologio2{position:absolute; top:590px; left:650px; width:330px;} #KINCHDATE_BtnSubmit{position:absolute; top:630px;left:750px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/ok.png) no-repeat 0 0;} #KINCHDATE_BtnSubmit:hover{background-position: 0px -50px;} /*---------------------------- KINISEIS ΡΕΤΘΡΝ ΜΟΝΕΥ SCREEN SPECIFIC -----------------------------------*/ #KINAKYROT_PageBody{position:absolute; top: 5px; left:5px; width:1000px; bottom:20px; display:block; float:left; } #KINAKYROT_TopLine{position:absolute; top:0px;left:5px; width:990px; height:60px; padding: 0px; display:block; overflow:hidden;} #KINAKYROT_BtnDromologio{position:absolute; top:0px;left:10px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #KINAKYROT_TextDromologioTitle{position:absolute; top:5px; left:70px; width:450px;} #KINAKYROT_TextDromologio{position:absolute; top:20px; left:70px; width:400px;} #KINAKYROT_Title{position:absolute; top:20px; left:550px; width:400px; text-align:right;} #KINAKYROT_BtnCancelReturn{position:absolute; top:10px; left:550px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_returnmoney.png) no-repeat 0 0;} #KINAKYROT_BtnCancelReturn:hover{background-position: 0px -50px;} #KINAKYROT_tckIdTitle{position:absolute; top:5px;left:600px; width:100px; text-align:center;} #KINAKYROT_tckIdBox{position:absolute; top:20px;left:600px; width:120px; text-align:center; border:1px blue solid;} #KINAKYROT_leftContainer{position:absolute; top:70px;left:10px; display:block; overflow:hidden; width:600px; bottom:15px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} /* #KINAKYROT_rightContainer{position:absolute; top:70px;left:590px; display:block; overflow:hidden; width:400px; height:450px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #KINAKYROT_BtnRight{position:absolute; top:100px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_right.png) no-repeat 0 0;} #KINAKYROT_BtnRight:hover{background-position: 0px -50px;} #KINAKYROT_BtnRightAll{position:absolute; top:170px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_allright.png) no-repeat 0 0;} #KINAKYROT_BtnRightAll:hover{background-position: 0px -50px;} #KINAKYROT_BtnLeft{position:absolute; top:240px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_left.png) no-repeat 0 0;} #KINAKYROT_BtnLeft:hover{background-position: 0px -50px;} #KINAKYROT_BtnLeftAll{position:absolute; top:310px; left:470px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/btn_leftall.png) no-repeat 0 0;} #KINAKYROT_BtnLeftAll:hover{background-position: 0px -50px;} #KINAKYROT_tckIdTitle{position:absolute; top:420px;left:445px; width:100px; text-align:center;} #KINAKYROT_tckIdBox{position:absolute; top:435px;left:435px; width:120px; text-align:center; border:1px blue solid;} #KINAKYROT_newDateTitle{position:absolute; top:570px;left:590px; width:100px; text-align:right;} #KINAKYROT_newDateBox{position:absolute; top:570px;left:700px; width:180px; text-align:center; border:1px blue solid;} #KINAKYROT_BtnDromologio2{position:absolute; top:570px; left:590px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} #KINAKYROT_TextDromologioTitle2{position:absolute; top:575px; left:650px; width:330px;} #KINAKYROT_TextDromologio2{position:absolute; top:590px; left:650px; width:330px;} */ #KINAKYROT_BtnSubmit{position:absolute; top:570px;left:750px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/ok.png) no-repeat 0 0;} #KINAKYROT_BtnSubmit:hover{background-position: 0px -50px;} /*------------------------- CHECKBOXES -----------------------------------------------------------*/ .imageless { cursor: hand; cursor: pointer; } .imageless input[type="checkbox"], .imageless input[type="checkbox"] + span { vertical-align: middle; } .imageless input[type="checkbox"], .imageless input[type="radio"] { position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; } .imageless input[type="checkbox"] + span, .imageless input[type="checkbox"] + span::before { display: inline-block; } .imageless input[type="checkbox"] + span { font: normal 13px/14px "Segoe UI", Sans-serif; } .imageless input[type="checkbox"] + span::before { content: "\2714"; } .imageless input[type="checkbox"] + span::before { text-indent: -9999px; width: 16px; height: 16px; font: bold 16px/16px Garamond, "Segoe UI", Sans-serif; text-transform: uppercase; border: solid 1px #0b70cd; border-radius: 3px; box-shadow: 0 0 1px 1px #ccc; background: #0b70cd; background: -moz-linear-gradient(-45deg, #fefefe, #0b70cd); background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd); background: -o-linear-gradient(-45deg, #fefefe, #0b70cd); background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd); background: linear-gradient(-45deg, #fefefe, #0b70cd); margin: 0 4px 0 0; } .imageless :hover input[type="checkbox"]:not(:disabled) + span::before { background: #0b70cd; background: -moz-linear-gradient(45deg, #fefefe, #0b70cd); background: -webkit-linear-gradient(45deg, #fefefe, #0b70cd); background: -o-linear-gradient(45deg, #fefefe, #0b70cd); background: -ms-linear-gradient(45deg, #fefefe, #0b70cd); background: linear-gradient(45deg, #fefefe, #0b70cd); box-shadow: 0 0 1px 2px #ccc; } .imageless input[type="checkbox"]:checked + span::before { text-indent: 2px; color: #fff; text-shadow: 0 0 2px #0b70cd; } .imageless input[type="checkbox"]:disabled + span::before { filter: alpha(opacity=50); -moz-opacity: .5; -webkit-opacity: .5; opacity: .5; } .imageless input[type="checkbox"]:disabled + span, .imageless input[type="checkbox"]:disabled + span::before { cursor: default; } /*---------------------------------- HTML PRINT TCK -------------------------------------------*/ #printTckDiv{position:absolute; top: 10px;left:10px;width:1000px; height:700px; color:black; font:Arial; font-size:12px;} .printTckbody{position:absolute; top: 0px; left:0px; width:1000px;height:300px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #printTckLogoImg{position:absolute; top:0px;left:10px; width:200px; height: 50px; display:block; overflow:hidden; background:url(../img/printTckLogo.png) no-repeat 0 0;} #printTckCompanyData{position: absolute; top: 10px; left: 220px; width: 800px; height: 50px;} .printTckBigTextTitle{width:200px; height:10px; float:left; font-size:12px; font-weight:bold; overflow:hidden; display:block; float:left;} .printTckBigTextBox{width:190px; height:16px; padding: 6px 5px 6px 5px; margin:0px; float:left; font-size:16px; font-weight:bold; overflow:hidden; display:block; float:left; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .printTckSmallTextTitle{width:150px; height:12px; float:left; font-size:9px; padding:0px; margin:0px; overflow:hidden; display:block; float:left;} .printTckSmallTextBox{width:150px; height:18px; padding: 1px 4px 1px 4px; float:left; font-size:10px; font-weight:bold; overflow:hidden; display:block; float:left; text-align:center; border-width: 1px; border-style: solid; border-color: gray; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .printTckCheckBox{width:40px; height:20px; overflow:hidden; display:block; float:left;} .printTckMiddleSeperator{position:absolute; top:0px; left:10px; right:10px; height:3px; display:block; background-color: #DDDDDD; border-width: 0px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #printTckBodyLine10{position:absolute; top:50px;left:5px; width:990px; height:40px; padding: 0px; display:block; overflow:hidden;} #printTckTextShipTitle{position:absolute; top:5px; left:515px; width:300px;} #printTckTextShip{position:absolute; top:20px; left:70px; width:300px;} #printTckTextDromologioTitle{position:absolute; top:5px; left:70px; width:450px;} #printTckTextDromologio{position:absolute; top:20px; left:70px; width:450px;} #printTckBodyLine20{position:absolute; top:90px;left:5px; width:990px; height:40px; padding: 0px; display:block; overflow:hidden; } #printTckTextDromologioDateTitle{position:absolute; top:0px; left:0px; } #printTckTextDromologioDate{position:absolute; top:15px; left:0px; width:120px;} #printTckTextDromologioTimeTitle{position:absolute; top:0px; left:130px; } #printTckTextDromologioTime{position:absolute; top:15px; left:130px; width:80px;} #printTckTextDromologioFromTitle{position:absolute; top:0px; left:230px;} #printTckTextDromologioFrom{position:absolute; top:15px; left:230px; width:180px;} #printTckTextDromologioToTitle{position:absolute; top:0px; left:430px;} #printTckTextDromologioTo{position:absolute; top:15px; left:430px; width:180px;} #printTckTextDromologioShipTitle{position:absolute; top:0px; left:630px;} #printTckTextDromologioShip{position:absolute; top:15px; left:630px; width:180px;} #printTckBodyLine30{position:absolute; top:130px;left:5px; width:990px; height:40px; padding: 0px; display:block; overflow:hidden; } #printTckTextParastatikoTitle{position:absolute; top:5px; left:260px; width:300px;} #printTckTextParastatiko{position:absolute; top:20px; left:260px; width:300px;} #printTckTextChargeCategoryTitle{position:absolute; top:5px; left:660px; width:310px;} #printTckTextChargeCategory{position:absolute; top:20px; left:660px; width:310px;} #printTckBodyLine40{position:absolute; top:170px;left:5px; width:990px; height:40px; padding: 0px; display:block; overflow:hidden; } #printTckInputMainDataTitle{position:absolute; top:5px; left:0px; width:570px;} #printTckInputMainData{position:absolute; top:20px; left:0px; width:570px;} #printTckInputTelTitle{position:absolute; top:5px; left:600px; width:370px;} #printTckInputTelCare{position:absolute; top:20px; left:600px; width:370px;} #printTckBodyLine50{position:absolute; top:210px;left:5px; width:990px; height:40px; padding: 0px; display:block; overflow:hidden; } #printTckTextPayCategoryTitle{position:absolute; top:5px; left:180px; width:300px;} #printTckTextPayCategory{position:absolute; top:20px; left:180px; width:300px;} #printTckTextPayCategoryRemarksTitle{position:absolute; top:5px; left:520px; width:450px;} #printTckTextPayCategoryRemarks{position:absolute; top:20px; left:520px; width:450px;} /*---------------------------------- REPORTS -------------------------------------------*/ .EktTopControls{position:absolute; top: 0px; left:5px; right:5px; height:60px; display:block; float:left; background-color:#4169E1;} .EktTopControlsBtnDromologio{position:absolute; top:0px;left:10px; width:50px; height:50px; display:block; overflow:hidden; background:url(../img/tckbtn_dromologio.png) no-repeat 0 0;} .EktTopControlsBtnDromologio:hover{background-color:yellow;} .EktTopControlsTextDromologioTitle{position:absolute; top:5px; left:70px; width:450px;height:12px; float:left; font-size:9px; padding:0px; margin:0px; overflow:hidden; display:block; float:left;} .EktTopControlsTextDromologio{position:absolute; top:20px; left:70px; width:400px; height:16px; padding: 6px 5px 6px 5px; margin:0px; float:left; font-size:16px; font-weight:bold; overflow:hidden; display:block; float:left; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .EktDataContainer{position:absolute; top:70px; height: 600px; left:10px; width:980px; display:block; overflow:hidden;} .EktBtnRefresh{position:absolute; top:5px;left:600px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_refresh.png) no-repeat 0 0;} .EktBtnRefresh:hover{background-position: 0px -50px;} .EktBtnPrint{position:absolute; top:5px;left:680px; display:block; overflow:hidden; width:50px; height:50px; background:url(../img/tckbtn_print.png) no-repeat 0 0;} .EktBtnPrint:hover{background-position: 0px -50px;}