@charset "UTF-8"; /* ========================================================================== */ /* STYLE 1 */ /* ========================================================================== */ /* ========================================================================== */ /* APPLICATION STYLE CSS SUMMARY */ /* ========================================================================== */ /** * * contents: * -common * ------------ * -can entry box * ------------ * -start job box * ------------ * -search job box * ------------ * -modal box * ------------ * * @copyright Copyright (c) PORTERS Corporation **/ div.po-webparts-container.style1, div.po-webparts-container.style2 { width : 100%; height : 100%; min-width : 550px; width : auto !important; width : 550px; } div.po-webparts-modal-container.style1 iframe, div.po-webparts-container.style1 iframe , div.po-webparts-modal-container.style2 iframe, div.po-webparts-container.style2 iframe { width : 90%; overflow : auto; margin-left : 5%; margin-right : 5%; margin-top : 10px; border : none; } div.po-webparts-modal-container .po-iframe, div.po-webparts-container .po-iframe { width: 100%; } div.po-webparts-container.style1 .po-header-left { float:left; } div.po-webparts-container.style1 .po-header-left span { padding:5px; } div.po-webparts-container.style1 .po-header-right { float:right; } div.po-webparts-container.style1 .po-joblist { overflow:auto; } div.po-webparts-container.style1 table { width: 100%; margin-bottom: 10px; background: #FFF; border: 3px solid #CCC; padding: 10px; } div.po-webparts-container.style1.po-blue table:hover { border: 3px solid #BBD; } div.po-webparts-container.style1.po-green table:hover { border: 3px solid #BDB; } div.po-webparts-container.style1.po-gray table:hover { border: 3px solid #BBB; } div.po-webparts-container.style1.po-orange table:hover { border: 3px solid #E89E1E; } div.po-webparts-container.style1 .po-searchform, div.po-webparts-container.style1 .po-canentryform { cursor: auto; } div.po-webparts-container.style1 .po-searchform table, div.po-webparts-container.style1 .po-canentryform table { border: 0px; } div.po-webparts-container.style1 .po-searchform table:hover, div.po-webparts-container.style1 .po-canentryform table:hover { border: 0px; } div.po-webparts-container.style1 tr { width: 100%; height: 30px; border: 1px solid #CCC; line-height: 2em; color: #666; } div.po-webparts-container.style1.po-blue tr { background: #CEDBE8; } div.po-webparts-container.style1.po-green tr { background: #D7F5C9; } div.po-webparts-container.style1.po-gray tr { background: #E5E8E3; } div.po-webparts-container.style1.po-orange tr { background: #F7E09E; } div.po-webparts-container.style1 td.po-job-buttons { border: 0px; text-align:center; } div.po-webparts-container.style1 div.po-job-buttons-container { margin: 10px 0; text-align: center; } div.po-webparts-container.style1 div.po-job-footer .po-button-seedetail-outer.po-button-outer { display: inline-block; margin: 0 auto; } div.po-webparts-container.style1 td { border: 1px solid #CCC; background: #FFF; } div.po-remark { width: 100%; } div.po-webparts-container.style1 div.po-remark, div.po-webparts-modal-container.style1 div.po-remark { color: #999999; } div.po-webparts-container.style1 tr.po-single th { width: 20%; vertical-align: top; text-align: right; padding-right: 5px; box-shadow: 0 1em 5px rgba(255, 255, 255, 0.4) inset; -moz-box-shadow: 0 1em 5px rgba(255, 255, 255, 0.4) inset; /* Firefox */ -webkit-box-shadow: 0 1em 5px rgba(255, 255, 255, 0.4) inset; /* Safari,Google Chrome */ text-shadow: 0 0 1px #FFF; } div.po-webparts-container.style1 .po-success-msg { text-align: center; margin-top: 20px; font-size: 150%; } div.po-webparts-container.style1 tr.po-single td { width: 80%; padding: 5px 5px 0 5px; } div.po-webparts-container.style1 tr.po-single td.po-required { border-left: 5px solid red; } div.po-webparts-container.style1 tr.po-single th.po-required { border-right: 5px solid red; } div.po-webparts-container.style1 tr.po-double th { width: 20%; vertical-align: top; text-align: right; padding-right: 5px; box-shadow: 0 1em 5px rgba(255, 255, 255, 0.4) inset; text-shadow: 0 0 1px #FFF; } div.po-webparts-container.style1 tr.po-double td { width: 30%; padding: 0 5px; } div.po-webparts-container.style1 tr.po-double td.po-required { border-left: 5px solid red; } div.po-webparts-container.style1 tr.po-double th.po-required { border-right: 5px solid red; } div.po-webparts-container.style1 .po-input { min-height: 30px; } div.po-webparts-container.style1 .po-input input[type=text] { width: 99%; margin: 8px 0 0 0; } div.po-webparts-container.style1 .po-input select { width: 99%; margin: 7px 0 0 0; } div.po-webparts-container.style1 select.po-number-selector, div.po-webparts-modal-container.style1 select.po-number-selector { width: 10% !important; } div.po-webparts-container.style1 input.po-number-selector, div.po-webparts-modal-container.style1 input.po-number-selector { width: 89% !important; } div.po-webparts-container.style1 .po-input textarea { width: 90%; height: 3em; resize:none; } div.po-webparts-container.style1 .po-year { width: 45px !important; text-align: center; } div.po-webparts-container.style1 .po-month, div.po-webparts-container.style1 .po-day { width: 27px !important; margin: 0 5px !important; text-align: center; } div.po-webparts-container.style1 .po-validation { color: red; font-size:100% !important; } div.po-webparts-container.style1 .po-buttons { height:10%; text-align: center; } div.po-webparts-container.style1 .po-title { font-size: 130%; } .po-webparts-modal-overlay { background: black; opacity: 0.2 } div.po-webparts-modal-container.style1 { min-height: 560px; height: auto !important; height: 560px; background: white; border-radius: 10px; border: 1px solid #666; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); } div.po-webparts-modal-container.style1 .po-contents-wrapper { height: inherit; min-height: 560px; } @media screen and (-webkit-min-device-pixel-ratio:0) { div.po-webparts-modal-container.style1 .po-contents-wrapper { height: 560px; } } div.po-webparts-modal-container.style1 table { width: 100%; margin-bottom: 10px; } div.po-webparts-modal-container.style1 tr { width: 100%; background: url("images/line_bg.png") repeat-x scroll 0 bottom transparent; line-height: 2em; } div.po-webparts-modal-container.style1 tr.po-single th { width: 20%; text-align: right; padding: 0 10px; } div.po-webparts-modal-container.style1.po-blue tr.po-single th { border-right: 5px solid #CEDBE8; } div.po-webparts-modal-container.style1.po-green tr.po-single th { border-right: 5px solid #D7F5C9; } div.po-webparts-modal-container.style1.po-gray tr.po-single th { border-right: 5px solid #E5E8E3; } div.po-webparts-modal-container.style1.po-orange tr.po-single th { border-right: 5px solid #F7E09E; } div.po-webparts-modal-container.style1 tr.po-single th.po-required { border-right: 5px solid red; } div.po-webparts-modal-container.style1 tr.po-single td { width: 80%; padding: 0 5px; } div.po-webparts-modal-container.style1 tr.po-single td.po-required { border-left: 5px solid red; } div.po-webparts-modal-container.style1 tr.po-double th { width: 20%; text-align: right; padding: 0 10px; } div.po-webparts-modal-container.style1.po-blue tr.po-double th { border-right: 5px solid #CEDBE8; } div.po-webparts-modal-container.style1.po-green tr.po-double th { border-right: 5px solid #D7F5C9; } div.po-webparts-modal-container.style1.po-gray tr.po-double th { border-right: 5px solid #E5E8E3; } div.po-webparts-modal-container.style1.po-orange tr.po-double th { border-right: 5px solid #F7E09E; } div.po-webparts-modal-container.style1 tr.po-double th.po-required { border-right: 5px solid red; } div.po-webparts-modal-container.style1 tr.po-double td { width: 30%; padding: 0 5px; } div.po-webparts-modal-container.style1 tr.po-double td.po-required { border-left: 5px solid red; } .po-webparts-container.style1 .po-privacy-policy { max-height : 60px; height : auto !important; height : 60px; margin : 0 13px 17px 13px; padding : 5px; overflow-y : auto; color : #747474; text-align : left; border : 1px solid #CCCCCC; } div.po-webparts-modal-container.style1 .po-input { min-height: 30px; } /* textarea */ .po-webparts-container.style1 .po-joblist textarea, .po-webparts-modal-container.style1 .po-contents-wrapper textarea { width : 100%; padding : 2px 0 4px 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } /* select */ .po-webparts-container.style1 .po-joblist select, .po-webparts-modal-container.style1 .po-contents-wrapper select { width : 100%; height : 21px; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } /* input */ .po-webparts-container.style1 .po-joblist input[type="text"], .po-webparts-modal-container.style1.po-contents-wrapper input[type="text"] { width : 99%; padding : 2px 0 4px 0; margin : 3px 0 0 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; text-indent : 5px; } .po-webparts-container.style1 .po-joblist input[type="file"], .po-webparts-modal-container.style1 .po-contents-wrapper input[type="file"] { padding : 2px 0 4px 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } /* selector */ .po-webparts-container.style1 .po-joblist select.po-number-selector, .po-webparts-modal-container.style1 .po-contents-wrapper select.po-number-selector { width : 5%; height : 21px; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } .po-webparts-container.style1 .po-joblist input[type="text"].po-number-selector, .po-webparts-modal-container.style1 .po-contents-wrapper input[type="text"].po-number-selector { width : 30%; padding : 2px 0 4px 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; text-indent : 5px; } /* checkbox */ .po-webparts-container.style1 .po-checkbox div, .po-webparts-modal-container.style1 .po-contents-wrapper .po-checkbox div { margin : 0 0 10px 0; font-size : 13px; line-height : 1.4; } .po-webparts-container.style1 .po-checkbox div input, .po-webparts-modal-container.style1 .po-contents-wrapper div input { margin : 0 5px 0 0; } /* remark */ .po-webparts-container.style1 .po-remark, .po-webparts-modal-container.style1 .po-contents-wrapper .po-remark { margin : 10px 0 0 0; font-size : 13px; line-height : 1.4; color : #101010; } .po-webparts-container.style1 .po-checkbox div span, .po-webparts-modal-container.style1 .po-contents-wrapper div span { margin : 0 15px 0 0; } div.po-webparts-modal-container.style1 .po-year { width: 45px !important; text-align: center; } div.po-webparts-modal-container.style1 .po-month, div.po-webparts-modal-container.style1 .po-day { width: 27px !important; margin: 0 5px !important; text-align: center; } div.po-webparts-modal-container.style1 .po-validation { color: red; font-size:100% !important; } div.po-webparts-modal-container.style1 .po-header { font-size: 1.2em; padding: 10px 20px; overflow: hidden; height: 6%; border-radius: 10px 10px 0 0; } div.po-webparts-modal-container.style1.po-blue .po-header { background: #CEDBE8; } div.po-webparts-modal-container.style1.po-green .po-header { background: #D7F5C9; } div.po-webparts-modal-container.style1.po-gray .po-header { background: #E5E8E3; } div.po-webparts-modal-container.style1.po-orange .po-header { background: #F7E09E; } div.po-webparts-modal-container.style1 .po-title { font-size: 130%; } div.po-webparts-container.style1 .po-header { display: inline-block; width: 100%; margin: 5px 0; } div.po-webparts-modal-container.style1 .po-no-privacy .po-contents { overflow-y: auto; overflow-x: hidden; height: 80%; } div.po-webparts-modal-container.style1 .po-has-privacy .po-contents { overflow-y: auto; height: 62%; } .po-webparts-modal-container.style1 .po-privacy-policy { max-height:80px; height:auto !important; height:50px; margin:0 0 9px 0; padding:10px 20px 0 20px; overflow-y:auto; color:#747474; text-align:left; } div.po-webparts-modal-container.style1 .po-no-privacy .po-buttons { height: 8%; padding: 2% 0 0 0; border-top: 1px solid #CCCCCC; text-align: center; } div.po-webparts-modal-container.style1 .po-has-privacy .po-buttons { height: 18%; padding: 2% 0 0 0; border-top: 1px solid #CCCCCC; text-align: center; } div.po-webparts-container.style1 .po-buttons .po-button-outer, div.po-webparts-modal-container.style1 .po-buttons .po-button-outer, div.po-webparts-container.style1 .po-buttons .po-button-inner, div.po-webparts-modal-container.style1 .po-buttons .po-button-inner { display:inline; } div.po-webparts-container.style1 button, div.po-webparts-modal-container.style1 button { border: 1px solid #999; box-shadow: 0 2px 2px rgba(206, 219, 232, 0.6), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.4) inset, 0 -15px 30px rgba(206, 219, 232, 0.6) inset; border-radius: 3px 3px 3px 3px; padding: 5px 20px; cursor: pointer; } div.po-webparts-container.style1.po-blue button, div.po-webparts-modal-container.style1.po-blue button { box-shadow: 0 2px 2px rgba(206, 219, 232, 0.6), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.4) inset, 0 -15px 30px rgba(206, 219, 232, 0.6) inset; color: #3E3E3E; } div.po-webparts-container.style1.po-green button, div.po-webparts-modal-container.style1.po-green button { box-shadow: 0 2px 2px rgba(78, 146, 61, 0.6), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.4) inset, 0 -15px 30px rgba(78, 146, 61, 0.6) inset; color: #3E3E3E; } div.po-webparts-container.style1.po-gray button, div.po-webparts-modal-container.style1.po-gray button { box-shadow: 0 2px 2px rgba(197, 204, 196, 0.6), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.4) inset, 0 -15px 30px rgba(197, 204, 196, 0.6) inset; color: #7E8A7B; } div.po-webparts-container.style1.po-orange button, div.po-webparts-modal-container.style1.po-orange button { box-shadow: 0 2px 2px rgba(250, 190, 87, 0.6), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.4) inset, 0 -15px 30px rgba(250, 190, 87, 0.6) inset; color: #3E3E3E; } div.po-webparts-container.style1 .po-header .po-button-outer { float: right; margin-right: 10px; } div.po-webparts-modal-container.style1 button { margin-right: 10px; } div.po-webparts-container.style1.po-blue button:hover, div.po-webparts-modal-container.style1.po-blue button:hover{ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.6) inset, 0 -15px 30px rgba(220, 240, 230, 0.6) inset; } div.po-webparts-container.style1.po-green button:hover, div.po-webparts-modal-container.style1.po-green button:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.6) inset, 0 -15px 30px rgba(78, 146, 61, 0.6) inset; } div.po-webparts-container.style1.po-gray button:hover, div.po-webparts-modal-container.style1.po-gray button:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.6) inset, 0 -15px 30px rgba(197, 204, 196, 0.6) inset; } div.po-webparts-container.style1.po-orange button:hover, div.po-webparts-modal-container.style1.po-orange button:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px rgba(255, 255, 255, 0.6) inset, 0 -15px 30px rgba(250, 190, 87, 0.6) inset; } /* ========================================================================== */ /* STYLE 2 */ /* ========================================================================== */ /* ========================================================================== */ /* APPLICATION STYLE CSS SUMMARY */ /* ========================================================================== */ /** * * contents: * -common * ------------ * -can entry box * ------------ * -start job box * ------------ * -search job box * ------------ * -modal box * ------------ * * @copyright Copyright (c) PORTERS Corporation **/ //* ========================================================================== */ /* COMMON */ /* ========================================================================== */ .po-webparts-container.style2 .po-normal, .po-webparts-modal-container.style2 .po-normal { font-size:16px; } .po-webparts-container.style2 .po-title, .po-webparts-modal-container.style2 .po-title { font-size:20px; } /* table */ .po-webparts-container.style2 table, .po-webparts-modal-container.style2 table { width : 100%; border-collapse : collapse; border-spacing : 0; } .po-webparts-container.style2 table tr, .po-webparts-modal-container.style2 table tr { background-image : url("images/dot_line.png"); background-position : 0 bottom; background-repeat : repeat-x; } .po-webparts-container.style2 table th { min-width : 80px; padding : 18px 10px 11px 25px; min-height : 19px; height : auto !important; height : 19px; text-align : left; vertical-align : top; line-height : 1.1; } .po-webparts-modal-container.style2 table th { width : 120px; padding : 18px 10px 11px 25px; min-height : 19px; height : auto !important; height : 19px; text-align : left; vertical-align : top; line-height : 1.1; } .po-webparts-container.style2 table .po-single td, .po-webparts-modal-container.style2 table .po-single td { min-height : 19px; padding : 17px 0 11px 0; height : auto !important; height : 19px; vertical-align : top; line-height : 1.1; color : #696969; } .po-webparts-container.style2 table .po-double td { padding : 17px 0; min-height : 19px; height : auto !important; height : 19px; width : 30%; vertical-align : middle; line-height : 1.1; color : #696969; } .po-webparts-modal-container.style2 table .po-double td { width : 30%; min-height : 19px; padding : 17px 0; height : auto !important; height : 19px; vertical-align : middle; line-height : 1.1; color : #696969; } /* textarea */ .po-webparts-container.style2 .po-joblist textarea, .po-webparts-modal-container.style2 .po-contents-wrapper textarea { width : 100%; padding : 2px 0 4px 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } /* select */ .po-webparts-container.style2 .po-joblist select, .po-webparts-modal-container.style2 .po-contents-wrapper select { width : 100%; height : 21px; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } /* input */ .po-webparts-container.style2 .po-joblist input[type="text"], .po-webparts-modal-container.style2 .po-contents-wrapper input[type="text"] { width : 100%; padding : 2px 0 4px 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; text-indent : 5px; } .po-webparts-container.style2 .po-joblist input[type="file"], .po-webparts-modal-container.style2 .po-contents-wrapper input[type="file"] { padding : 2px 0 4px 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } /* selector */ .po-webparts-container.style2 .po-joblist select.po-number-selector, .po-webparts-modal-container.style2 .po-contents-wrapper select.po-number-selector { width : 40px; height : 21px; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; } .po-webparts-container.style2 .po-joblist input[type="text"].po-number-selector, .po-webparts-modal-container.style2 .po-contents-wrapper input[type="text"].po-number-selector { width : 30%; padding : 2px 0 4px 0; border : 1px solid #D1D1D1; font-size : 14px; color : #818181; text-indent : 5px; } /* checkbox */ .po-webparts-container.style2 .po-checkbox div, .po-webparts-modal-container.style2 .po-contents-wrapper .po-checkbox div { margin : 0 0 10px 0; font-size : 13px; line-height : 1.4; } .po-webparts-container.style2 .po-checkbox div input, .po-webparts-modal-container.style2 .po-contents-wrapper div input { margin : 0 5px 0 0; } /* date */ div.po-webparts-container.style2 .po-year { width: 45px !important; text-align: center; } div.po-webparts-container.style2 .po-month, div.po-webparts-container.style2 .po-day { width: 27px !important; margin: 0 5px !important; text-align: center; } .po-webparts-container.style2 .po-checkbox div .po-year, .po-webparts-modal-container.style2 .po-contents-wrapper div .po-year { width : 45px; } .po-webparts-container.style2 .po-checkbox div .po-month, .po-webparts-container.style2 .po-checkbox div .po-day, .po-webparts-modal-container.style2 .po-contents-wrapper div .po-month, .po-webparts-modal-container.style2 .po-contents-wrapper div .po-day { width : 27px; margin : 0 5px; } /* remark */ .po-webparts-container.style2 .po-remark, .po-webparts-modal-container.style2 .po-contents-wrapper .po-remark { font-size : 13px; line-height : 1.4; word-wrap : break-word; word-break : break-all; color : #101010; } .po-webparts-container.style2 .po-checkbox div span, .po-webparts-modal-container.style2 .po-contents-wrapper div span { margin : 0 15px 0 0; } /* required */ .po-webparts-container.style2 .po-required, .po-webparts-modal-container.style2 .po-required { padding-top : 11px; } .po-webparts-container.style2 .po-searchform .po-required span { display : inline-block; padding : 1px 0 13px 0; background-image : url("images/required_icn.png"); background-position : left bottom; background-repeat : no-repeat; background-color : transparent; } .po-webparts-container.style2 .po-required-elem, .po-webparts-modal-container.style2 .po-contents-wrapper .po-required-elem { display : block; width : 30px; height : 14px; margin : 3px 0; background-image : url("images/required_icn.png"); background-position : 0 0; background-repeat : no-repeat; background-color : transparent; } /* error message */ .po-webparts-container.style2 .po-validation, .po-webparts-modal-container.style2 .po-validation { margin : 3px 0 0 0; color : #FF0000; font-size : 80%; font-weight : bold; } /* label */ .po-webparts-container.style2 .po-joblist table th, .po-webparts-modal-container.style2 .po-contents-wrapper table th { background-position : 12px 14px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue table th, .po-webparts-modal-container.style2.po-blue table th { background-image : url("images/bar_blue.png"); } .po-webparts-container.style2.po-green table th, .po-webparts-modal-container.style2.po-green table th { background-image : url("images/bar_green.png"); } .po-webparts-container.style2.po-brown table th, .po-webparts-modal-container.style2.po-brown table th { background-image : url("images/bar_brown.png"); } .po-webparts-container.style2.po-red table th, .po-webparts-modal-container.style2.po-red table th { background-image : url("images/bar_red.png"); } /* footer */ .po-webparts-container.style2 .po-buttons, .po-webparts-container.style2 .po-job-buttons-container { min-height : 38px; height : auto !important; height : 38px; padding : 17px 0 11px 0; position : relative; border-top : 4px solid #ededed; text-align : center; background-image : url("images/bg.gif"); background-position : 0 0; background-repeat : repeat; } /* ========================================================================== */ /* CAN ENTRY BOX */ /* ========================================================================== */ /* contents */ .po-webparts-container.style2 .po-jobsearch-wrap .po-canentryform { margin : 0 0 0 0; padding : 10px 16px 30px 16px; } /* entry btn */ .po-webparts-container.style2 .po-button-send-outer.po-button-outer { display : inline-block; height : 38px; margin : 0 0 0 0; padding : 0 0 0 61px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left 0; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-send-outer.po-button-outer { background-position : left 0; } .po-webparts-container.style2.po-green .po-button-send-outer.po-button-outer { background-position : left -38px; } .po-webparts-container.style2.po-brown .po-button-send-outer.po-button-outer { background-position : left -76px; } .po-webparts-container.style2.po-red .po-button-send-outer.po-button-outer { background-position : left -114px; } .po-webparts-container.style2 .po-button-apply-outer.po-button-outer:hover, .po-webparts-container.style2 .po-button-send-outer.po-button-outer:hover { opacity : 0.8; } .po-webparts-container.style2 .po-button-apply-inner.po-button-inner, .po-webparts-container.style2 .po-button-send-inner.po-button-inner { display : inline-block; height : 38px; padding : 0 55px 0 0; background-image : url("images/buttons.png"); background-position : right -608px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-send-inner.po-button-inner { background-position : right -608px; } .po-webparts-container.style2.po-green .po-button-send-inner.po-button-inner { background-position : right -646px; } .po-webparts-container.style2.po-brown .po-button-send-inner.po-button-inner { background-position : right -684px; } .po-webparts-container.style2.po-red .po-button-send-inner.po-button-inner { background-position : right -722px; } .po-webparts-container.style2 button.po-button-apply, .po-webparts-container.style2 button.po-button-send { display : block; margin : 0 0 0 0; padding : 12px 0 0 0; max-width : 380px; width : auto !important; width : 380px; overflow : hidden; white-space : nowrap; -ms-text-overflow : ellipsis; text-overflow : ellipsis; border : none; outline : none; background : none; color : #FFFFFF; font-size : 14px; font-weight : bold; word-wrap : nowrap; cursor : pointer; } /* ========================================================================== */ /* START JOB BOX */ /* ========================================================================== */ /* wrap */ .po-webparts-container.style2 .po-jobsearch-wrap { margin : 5px 5px 5px 5px; padding : 0 0 0 0; -moz-box-shadow : 0 0 7px #CACACA; -webkit-box-shadow : 0 0 7px #CACACA; box-shadow : 0 0 7px #CACACA; border : 4px solid #EDEDED !important; } .po-webparts-container.style2 .po-privacy-policy { max-height : 80px; height : auto !important; height : 80px; margin : 0 16px 17px 16px; padding : 6px 6px 6px 6px; overflow-y : auto; text-align : left; color : #747474; border : 2px solid #E5E5E5; background-color : #FFFFFF; } /* contents */ .po-webparts-container.style2 .po-jobsearch-wrap .po-searchform { margin : 0 0 0 0; padding : 10px 16px 30px 16px; } /* search btn */ .po-webparts-container.style2 .po-button-search-outer.po-button-outer { display : inline-block; max-width : 421px; width : auto !important; width : 421px; height : 38px; margin : 0 0 0 0; padding : 0 0 0 60px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left -152px; background-repeat : no-repeat; } .po-webparts-container.style2 .po-header .po-button-search-outer.po-button-outer { display : inline-block; max-width : 170px; width : auto !important; width : 170px; height : 38px; margin : 0 0 0 0; padding : 0 0 0 60px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left -152px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-search-outer.po-button-outer { background-position : left -152px; } .po-webparts-container.style2.po-green .po-button-search-outer.po-button-outer { background-position : left -190px; } .po-webparts-container.style2.po-brown .po-button-search-outer.po-button-outer { background-position : left -228px; } .po-webparts-container.style2.po-red .po-button-search-outer.po-button-outer { background-position : left -266px; } .po-webparts-container.style2 .po-button-search-outer.po-button-outer:hover { opacity : 0.8; } .po-webparts-container.style2 .po-button-search-inner.po-button-inner { display : inline-block; max-width : 378px; width : auto !important; width : 378px; height : 38px; padding : 0 50px 0 0; background-image : url("images/buttons.png"); background-position : right -760px; background-repeat : no-repeat; } .po-webparts-container.style2 .po-header .po-button-search-inner.po-button-inner { display : inline-block; max-width : 120px; width : auto !important; width : 120px; height : 38px; padding : 0 50px 0 0; background-image : url("images/buttons.png"); background-position : right -760px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-search-inner.po-button-inner { background-position : right -760px; } .po-webparts-container.style2.po-green .po-button-search-inner.po-button-inner { background-position : right -798px; } .po-webparts-container.style2.po-brown .po-button-search-inner.po-button-inner { background-position : right -836px; } .po-webparts-container.style2.po-red .po-button-search-inner.po-button-inner { background-position : right -874px; } .po-webparts-container.style2 button.po-button-search { display : block; margin : 0 0 0 0; padding : 12px 0 0 0; max-width : 378px; width : auto !important; width : 378px; overflow : hidden; white-space : nowrap; -ms-text-overflow : ellipsis; -o-text-overflow : ellipsis; text-overflow : ellipsis; border : none; outline : none; background : none; color : #FFFFFF; font-size : 14px; font-weight : bold; word-wrap : nowrap; cursor : pointer; } .po-webparts-container.style2 .po-header button.po-button-search { display : block; margin : 0 0 0 0; padding : 12px 0 0 0; max-width : 163px; width : auto !important; width : 163px; overflow : hidden; white-space : nowrap; -ms-text-overflow : ellipsis; -o-text-overflow : ellipsis; text-overflow : ellipsis; border : none; outline : none; background : none; color : #FFFFFF; font-size : 14px; font-weight : bold; word-wrap : nowrap; cursor : pointer; } /* ========================================================================== */ /* SEARCH JOB BOX */ /* ========================================================================== */ /* header box */ .po-webparts-container.style2 .po-header { margin : 29px 0 12px 0; text-align : right; } .po-webparts-container.style2 .po-header:before, .po-webparts-container.style2 .po-header:after { content : "."; display : block; height : 0; overflow : hidden; } .po-webparts-container.style2 .po-header:after { clear : both; } .po-webparts-container.style2 .po-header .po-header-left { float : left; min-width : 75px; width : auto !important; width : 75px; } .po-webparts-container.style2 .po-header .po-header-right { float : right; display : inline-block; } /* wrap */ .po-webparts-container.style2 .po-job-separator { height : 10px; } .po-webparts-container.style2 .po-job-item { margin : 5px 5px 5px 5px; padding : 0 0 0 0; -moz-box-shadow : 0 0 7px #CACACA; -webkit-box-shadow : 0 0 7px #CACACA; box-shadow : 0 0 7px #CACACA; border : 4px solid #EDEDED !important; } /* contents */ .po-webparts-container.style2 .po-job-item .po-job-item-data { margin : 0 0 0 0; padding : 10px 16px 30px 16px; } .po-webparts-container.style2 .po-checkbox div .po-year, .po-webparts-container.style2 .po-contents-wrapper div .po-year { width : 45px; } .po-webparts-container.style2 .po-checkbox div .po-month, .po-webparts-container.style2 .po-checkbox div .po-day, .po-webparts-container.style2 .po-contents-wrapper div .po-month, .po-webparts-container.style2 .po-contents-wrapper div .po-day { width : 27px; margin : 0 5px; } /* detail btn */ .po-webparts-container.style2 .po-button-seedetail-outer.po-button-outer { display : inline-block; max-width : 421px; width : auto !important; width : 421px; height : 38px; margin : 0 0 0 0; padding : 0 0 0 73px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left -456px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-seedetail-outer.po-button-outer { background-position : left -456px; } .po-webparts-container.style2.po-green .po-button-seedetail-outer.po-button-outer { background-position : left -494px; } .po-webparts-container.style2.po-brown .po-button-seedetail-outer.po-button-outer { background-position : left -532px; } .po-webparts-container.style2.po-red .po-button-seedetail-outer.po-button-outer { background-position : left -570px; } .po-webparts-container.style2 .po-button-seedetail-outer.po-button-outer:hover { opacity : 0.8; } .po-webparts-container.style2 .po-button-seedetail-inner.po-button-inner { display : inline-block; max-width : 378px; width : auto !important; width : 378px; height : 38px; padding : 0 43px 0 0; overflow : hidden; background-image : url("images/buttons.png"); background-position : right -760px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-seedetail-inner.po-button-inner { background-position : right -760px; } .po-webparts-container.style2.po-green .po-button-seedetail-inner.po-button-inner { background-position : right -798px; } .po-webparts-container.style2.po-brown .po-button-seedetail-inner.po-button-inner { background-position : right -836px; } .po-webparts-container.style2.po-red .po-button-seedetail-inner.po-button-inner { background-position : right -874px; } .po-webparts-container.style2 button.po-button-seedetail { display : block; margin : 0 0 0 0; max-width : 378px; width : auto !important; width : 378px; padding : 12px 0 0 0; border : none; outline : none; color : #FFFFFF; font-size : 14px; font-weight : bold; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; -ms-text-overflow : ellipsis; -o-text-overflow : ellipsis; word-wrap : normal; cursor : pointer; background : none; } /* form btn */ .po-webparts-container.style2 .po-button-register-outer.po-button-outer { display : inline-block; max-width : 176px; width : auto !important; width : 176px; height : 38px; margin : 0 0 0 12px; padding : 0 0 0 53px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left -304px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-register-outer.po-button-outer { background-position : left -304px; } .po-webparts-container.style2.po-green .po-button-register-outer.po-button-outer { background-position : left -342px; } .po-webparts-container.style2.po-brown .po-button-register-outer.po-button-outer { background-position : left -380px; } .po-webparts-container.style2.po-red .po-button-register-outer.po-button-outer { background-position : left -418px; } .po-webparts-container.style2 .po-button-register-outer.po-button-outer:hover { opacity : 0.8; } .po-webparts-container.style2 .po-button-register-inner.po-button-inner { display : inline-block; max-width : 163px; width : auto !important; width : 163px; height : 38px; padding : 0 13px 0 0; background-image : url("images/buttons.png"); background-position : right -760px; background-repeat : no-repeat; } .po-webparts-container.style2.po-blue .po-button-register-inner.po-button-inner { background-position : right -760px; } .po-webparts-container.style2.po-green .po-button-register-inner.po-button-inner { background-position : right -798px; } .po-webparts-container.style2.po-brown .po-button-register-inner.po-button-inner { background-position : right -836px; } .po-webparts-container.style2.po-red .po-button-register-inner.po-button-inner { background-position : right -874px; } .po-webparts-container.style2 button.po-button-register { display : block; margin : 0 0 0 0; padding : 12px 0 0 0; max-width : 163px; width : auto !important; width : 163px; overflow : hidden; white-space : nowrap; -ms-text-overflow : ellipsis; -o-text-overflow : ellipsis; text-overflow : ellipsis; border : none; outline : none; background : none; color : #FFFFFF; font-size : 14px; font-weight : bold; word-wrap : nowrap; cursor : pointer; } /* seemore btn */ .po-webparts-container.style2 .po-joblist-footer { text-align : center; } .po-webparts-container.style2 .po-button-seemore-outer.po-button-outer { height : 42px; display : inline-block; margin : 0 auto 40px auto; padding : 0 0 0 54px; cursor : pointer; background-image : url("images/seemore_btn.png"); background-position : 0 50%; background-repeat : no-repeat; } .po-webparts-container.style2 button.po-button-seemore { padding : 23px 0 0 0; border : none; outline : none; line-height : 1.5; cursor : pointer; background-image : none; background-position : 0 0; background-repeat : no-repeat; background-color : transparent; } .po-webparts-container.style2 .po-button-seemore-outer.po-button-outer:hover, .po-webparts-container.style2 button.po-button-seemore:hover { opacity :0.7; } /* search btn */ .po-webparts-modal-container.style2 .po-button-search-outer.po-button-outer { display : inline-block; height : 38px; margin : 1.5% 0 0 0; padding : 0 0 0 60px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left -152px; background-repeat : no-repeat; } .po-webparts-modal-container.style2.po-blue .po-button-search-outer.po-button-outer { background-position : left -152px; } .po-webparts-modal-container.style2.po-green .po-button-search-outer.po-button-outer { background-position : left -190px; } .po-webparts-modal-container.style2.po-brown .po-button-search-outer.po-button-outer { background-position : left -228px; } .po-webparts-modal-container.style2.po-red .po-button-search-outer.po-button-outer { background-position : left -266px; } .po-webparts-modal-container.style2 .po-button-search-outer.po-button-outer:hover { opacity : 0.8; } .po-webparts-modal-container.style2 .po-button-search-inner.po-button-inner { display : inline-block; height : 38px; padding : 0 50px 0 0; background-image : url("images/buttons.png"); background-position : right -760px; background-repeat : no-repeat; } .po-webparts-modal-container.style2.po-blue .po-button-search-inner.po-button-inner { background-position : right -760px; } .po-webparts-modal-container.style2.po-green .po-button-search-inner.po-button-inner { background-position : right -798px; } .po-webparts-modal-container.style2.po-brown .po-button-search-inner.po-button-inner { background-position : right -836px; } .po-webparts-modal-container.style2.po-red .po-button-search-inner.po-button-inner { background-position : right -874px; } .po-webparts-modal-container.style2 button.po-button-search { display : block; margin : 0 0 0 0; padding : 12px 0 0 0; max-width : 380px; width : auto !important; width : 380px; overflow : hidden; white-space : nowrap; -ms-text-overflow : ellipsis; text-overflow : ellipsis; border : none; outline : none; background : none; color : #FFFFFF; font-size : 14px; font-weight : bold; word-wrap : nowrap; cursor : pointer; } /* ========================================================================== */ /* MODAL BOX */ /* ========================================================================== */ .po-webparts-modal-container.style2 { } /* header box */ .po-webparts-modal-container.style2 .po-header { height : 10%; margin : 0 0 0 0; padding : 0 16px 0 16px; overflow : hidden; white-space : nowrap; -ms-text-overflow : ellipsis; text-overflow : ellipsis; font-size : 20px; font-weight : bold; line-height : 2.1; } .po-webparts-modal-container.style2.po-blue .po-header { color : #3488BF; } .po-webparts-modal-container.style2.po-green .po-header { color : #2A9023; } .po-webparts-modal-container.style2.po-brown .po-header { color : #9D8D31; } .po-webparts-modal-container.style2.po-red .po-header { color : #A13C16; } /* wrap */ .po-webparts-modal-container.style2 .po-contents-wrapper { height : inherit; min-height : 505px; padding : 0 0 0 0; -moz-box-shadow : 0 0 7px #3E3E3E; -webkit-box-shadow : 0 0 7px #3E3E3E; box-shadow : 0 0 7px #3E3E3E; border : 4px solid #EDEDED !important; background-color : #FFFFFF; } .po-webparts-modal-container.style2 .po-privacy-wrap { margin : 0 15px 0 15px; padding : 15px 0 0 0; } .po-webparts-modal-container.style2 .po-privacy-policy { height : 53px; margin : 0 0 0 0; padding : 6px 6px 6px 10px; overflow-y : auto; text-align : left; color : #747474; border : 2px solid #EDEDED; background-color : #FFFFFF; } /* contents */ .po-webparts-modal-container.style2 .po-no-privacy .po-contents { height : 80%; margin : 0 0 0 0; padding : 0 16px; overflow : auto; } .po-webparts-modal-container.style2 .po-has-privacy .po-contents { height : 64%; margin : 0 0 0 0; padding : 0 16px; overflow : auto; } .po-webparts-modal-container.style2 .po-no-privacy .po-buttons { height : 10%; padding : 0 0 0 0; text-align : center; background-image : url("images/bg.gif"); background-position : 0 0; background-repeat : repeat; } .po-webparts-modal-container.style2 .po-has-privacy .po-buttons { height : 26%; padding : 0 0 0 0; text-align : center; background-image : url("images/bg.gif"); background-position : 0 0; background-repeat : repeat; } /* entry btn */ .po-webparts-modal-container.style2 .po-button-apply-outer.po-button-outer, .po-webparts-modal-container.style2 .po-button-send-outer.po-button-outer { display : inline-block; max-width : 325px; width : auto !important; width : 325px; height : 38px; margin : 7px 0 0 0; padding : 0 0 0 61px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left 0; background-repeat : no-repeat; } .po-webparts-modal-container.style2.po-blue .po-button-apply-outer.po-button-outer, .po-webparts-modal-container.style2.po-blue .po-button-send-outer.po-button-outer { background-position : left 0; } .po-webparts-modal-container.style2.po-green .po-button-apply-outer.po-button-outer, .po-webparts-modal-container.style2.po-green .po-button-send-outer.po-button-outer { background-position : left -38px; } .po-webparts-modal-container.style2.po-brown .po-button-apply-outer.po-button-outer, .po-webparts-modal-container.style2.po-brown .po-button-send-outer.po-button-outer { background-position : left -76px; } .po-webparts-modal-container.style2.po-red .po-button-apply-outer.po-button-outer, .po-webparts-modal-container.style2.po-red .po-button-send-outer.po-button-outer { background-position : left -114px; } .po-webparts-modal-container.style2 .po-button-apply-outer.po-button-outer:hover, .po-webparts-modal-container.style2 .po-button-send-outer.po-button-outer:hover { opacity : 0.8; } .po-webparts-modal-container.style2 .po-button-apply-inner.po-button-inner, .po-webparts-modal-container.style2 .po-button-send-inner.po-button-inner { display : inline-block; max-width : 275px; width : auto !important; width : 275px; height : 38px; padding : 0 55px 0 0; background-image : url("images/buttons.png"); background-position : right -608px; background-repeat : no-repeat; } .po-webparts-modal-container.style2.po-blue .po-button-apply-inner.po-button-inner, .po-webparts-modal-container.style2.po-blue .po-button-send-inner.po-button-inner { background-position : right -608px; } .po-webparts-modal-container.style2.po-green .po-button-apply-inner.po-button-inner, .po-webparts-modal-container.style2.po-green .po-button-send-inner.po-button-inner { background-position : right -646px; } .po-webparts-modal-container.style2.po-brown .po-button-apply-inner.po-button-inner, .po-webparts-modal-container.style2.po-brown .po-button-send-inner.po-button-inner { background-position : right -684px; } .po-webparts-modal-container.style2.po-red .po-button-apply-inner.po-button-inner, .po-webparts-modal-container.style2.po-red .po-button-send-inner.po-button-inner { background-position : right -722px; } .po-webparts-modal-container.style2 button.po-button-apply, .po-webparts-modal-container.style2 button.po-button-send { display : block; margin : 0 0 0 0; padding : 12px 0 0 0; max-width : 275px; width : auto !important; width : 275px; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; -ms-text-overflow : ellipsis; -o-text-overflow : ellipsis; border : none; outline : none; background : none; color : #FFFFFF; font-size : 14px; font-weight : bold; word-wrap : nowrap; cursor : pointer; } /* search btn */ .po-webparts-modal-container.style2 .po-buttons .po-button-search-outer.po-button-outer { display : inline-block; max-width : 325px; width : auto !important; width : 325px; height : 38px; margin : 7px 0 0 0; padding : 0 0 0 60px; box-shadow : 0 2px 4px #9E9E9E; cursor : pointer; background-image : url("images/buttons.png"); background-position : left -152px; background-repeat : no-repeat; } .po-webparts-modal-container.style2.po-blue .po-buttons .po-button-search-outer.po-button-outer { background-position : left -152px; } .po-webparts-modal-container.style2.po-green .po-buttons .po-button-search-outer.po-button-outer { background-position : left -190px; } .po-webparts-modal-container.style2.po-brown .po-buttons .po-button-search-outer.po-button-outer { background-position : left -228px; } .po-webparts-modal-container.style2.po-red .po-buttons .po-button-search-outer.po-button-outer { background-position : left -266px; } .po-webparts-modal-container.style2 .po-buttons .po-button-search-outer.po-button-outer:hover { opacity : 0.8; } .po-webparts-modal-container.style2 .po-buttons .po-button-search-inner.po-button-inner { display : inline-block; max-width : 275px; width : auto !important; width : 275px; height : 38px; padding : 0 50px 0 0; background-image : url("images/buttons.png"); background-position : right -760px; background-repeat : no-repeat; } .po-webparts-modal-container.style2.po-blue .po-buttons .po-button-search-inner.po-button-inner { background-position : right -760px; } .po-webparts-modal-container.style2.po-green .po-buttons .po-button-search-inner.po-button-inner { background-position : right -798px; } .po-webparts-modal-container.style2.po-brown .po-buttons .po-button-search-inner.po-button-inner { background-position : right -836px; } .po-webparts-modal-container.style2.po-red .po-buttons .po-button-search-inner.po-button-inner { background-position : right -874px; } .po-webparts-modal-container.style2 .po-buttons button.po-button-search { display : block; margin : 0 0 0 0; padding : 12px 0 0 0; max-width : 275px; width : auto !important; width : 275px; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; -ms-text-overflow : ellipsis; -o-text-overflow : ellipsis; border : none; outline : none; background : none; color : #FFFFFF; font-size : 14px; font-weight : bold; word-wrap : nowrap; cursor : pointer; } /* close btn */ .po-webparts-modal-container.style2 .po-button-close-outer.po-button-outer { height : 22px; width : 22px; display : inline-block; margin : 0 0 0 0; position : absolute; top : 0; right : 0; cursor : pointer; background-image : url("images/close_btn.png"); background-position : 0 50%; background-repeat : no-repeat; } .po-webparts-modal-container.style2 .po-button-close-inner.po-button-inner { display : none; } .po-webparts-modal-container.style2 button.po-button-close { padding : 0; border : none; outline : none; line-height : 1.5; cursor : pointer; background-image : none; background-position : 0 0; background-repeat : no-repeat; background-color : transparent; } .po-webparts-modal-container.style2 .po-button-close-outer.po-button-outer:hover, .po-webparts-modal-container.style2 button.po-button-close:hover { opacity :0.7; }