/* CSS Document */ /*body structure*/ body{width:100%; margin:0px; background-color:#A9B3B6;} #headerMainCon{position:relative; width:100%; height:140px; background-color:#425158; border-bottom:6px #F47B20 solid;} #headerMiddleCon{ position:relative; width:1100px; height:140px; margin-left:auto; margin-right:auto; background-image:url(../images/topBlockBg.jpg); background-position:center;} #body2Block{ position:relative; width:100%; height:655px; background-image: url(../images/bodyBg.jpg); background-repeat:repeat-x;} #contentBlockCon{position:relative; width:1100px; height:655px; margin-left:auto; margin-right:auto;} #contentCon{position:relative; width:1100px; height:625px; background-color:#FFFFFF; display:table;} #contentCenterBlock{position:relative; width:876px; height:575px; margin-left:auto; margin-right:auto; margin-top:25px; background-image:url(../images/centerBody.jpg); background-repeat:no-repeat;} #contentHeaderCon{position: absolute; width:450px; height:100px; left:260px; top:40px;} #contentHeaderCap1{ position:relative; font-family:"Arial"; font-size:25px; color:#FF6600; margin-bottom:10px; font-weight:bold;} #contentHeaderCap2{ position:relative; font-family:"Arial"; font-size:16px; color:#616161;} #footerCon{position:relative; width:1100px; height:30px; background-color:#F47B20;} #footerLeft{position:absolute; left:40px; font-family:"Arial"; font-size:12px; color:#FFFFFF;top: 7px;} #footerRight{position:absolute; right:40px; font-family:"Arial"; font-size:12px; color:#FFFFFF;top: 7px;} #footerRight a{text-decoration:none; color:#fff;} #logoCon{position:absolute; width:139px; height:91px; left:0px; bottom:15px;} #logoutCon{position:absolute; width:80px; height:21px; right:0px; bottom:15px;} /*client links*/ #clientContentCon{ position:absolute; width:825px; height:382px; top:165px; left:25px;} #clientLinksCon{position:relative; width:800px; height:17px; margin-top:5px; margin-left:auto; margin-right:auto;} .clientLinks{ position:relative; float:left; font-family:"Arial"; font-size:12px; font-weight:bold; color:#FF6600; margin-right:40px;} .clientLinks a{text-decoration:none; color:#FF6600;} .clientWelcome{ position:relative; float:right; font-family:"Arial"; font-size:12px; color:#333333;} /*client content structure*/ #clientContentHeader{position:relative; width:825px; height:26px; margin-top:10px; background-image:url(../images/clientContentHeader.jpg); background-repeat:no-repeat; padding-top:10px;} #clientContentHeaderText{ position:relative; margin-left:25px; height:17px; font-family:"Arial"; font-size:16px; color:#ffffff; font-weight:bold;} #clientContentBlock{position:relative; width:823px; height:300px; border-left: 1px #84959B solid; border-right: 1px #84959B solid; border-bottom: 1px #84959B solid;} /*My Tickets*/ #myTicketsHeaderTitle{position:relative; width:823px; height:24px; background-color:#E6E8E6;} .myTicketsHeaderRange{ position:relative; margin-left:25px; margin-top:4px; float:left; font-family:"Arial"; font-size:12px; color:#333333;} .myTicketsHeaderDontShow{ position:relative; margin-left:25px; margin-top:4px; float:left; font-family:"Arial"; font-size:12px; color:#FF6600; font-weight:bold;} .myTicketsHeaderDontShow a{ text-decoration:none; color:#FF6600;} #myTicketsHeaderRightLinksCon{ position:absolute; right:75px; top:2px; width:245px;} .myTicketsHeaderSortBy{ position:relative; float:left; margin-right:20px; font-family:"Arial"; font-size:12px; color:#333333;} .myTicketsHeaderSortCategories{ position:relative; float:left; margin-right:20px; font-family:"Arial"; font-size:12px; color:#FF6600; font-weight:bold;} .myTicketsHeaderSortCategories a{text-decoration:none; color:#FF6600;} #myTicketsTitleCon{ position:relative; margin-top:15px; margin-bottom:15px; margin-left:25px; width:637px; height:17px;} .myTicketsTitleLeft{ position:relative; float:left; margin-right:80px; font-family:"Arial"; font-size:12px; color:#333333; font-weight:bold;} .myTicketsTitleRight{ position:relative; float:right; margin-left:80px; font-family:"Arial"; font-size:12px; color:#333333; font-weight:bold;} #myTicketsRow1{position:relative; width:798px; height:24px; margin-left:auto; margin-right:auto; background-color:#E9EBE9;} #myTicketsRow2{position:relative; width:798px; height:24px; margin-left:auto; margin-right:auto; background-color:#ffffff;} #myTicketsRowsContentCon{position:absolute; left:12px; width:637px; height:16px; top: 4px; font-family:"Arial"; font-size:12px; color:#000000;} #myTicketsRowsTicketNo{ position:absolute; left:0px;} #myTicketsRowsAge{ position:absolute; left:135px;} #myTicketsRowsSubject{ position:absolute; left:240px;} #myTicketsRowsGroup{ position:absolute; right:-5px;} #myTicketsRowsState{ position:absolute; right:115px;} #myTicketsRowsStateOpen{position:absolute; right:115px; color:#F00000; font-weight:bold;} #myTicketsRowsView{ position:absolute; right:-100px;} #myTicketsRowsView a{text-decoration:underline; color:#0066ff;} #myTicketsRowsNav{ position:absolute; bottom:15px;; right:16px; font-family:"Arial"; font-size:12px; color:#333333; ont-weight:bold;} #myTicketsRowsNav a{ text-decoration:none; color:#333333;} /*New Ticket*/ #newTicketContentBlock{position:relative; width:823px; height:280px; border-left: 1px #84959B solid; border-right: 1px #84959B solid; border-bottom: 1px #84959B solid; padding-top:20px; background-color:#F3F3F3;} #newTicketContentCon{ position:relative; width:745px; height:250px; margin-left:auto; margin-right:auto; display:table;} .newTicketRow{position:relative; width:745px; height:24px; margin-bottom:10px; font-family:"Arial"; font-size:12px; color:#333333;} .newTicketRow2{position:relative; width:745px; height:147px; margin-bottom:10px; font-family:"Arial"; font-size:12px; color:#333333;} #newTicketRowLabel{ position:relative; float:left; width:138px;} #newTicketRowFieldCon{ position:relative; float:left; width:200px; height:24px;} #newTicketRowSubjField{ position:relative; float:left; width:380px; height:24px;} #newTicketRowTextField{ position:relative; float:left; width:600px; height:150px;} #newTicketRowBrowseField{ position:relative; float:left; width:300px; height:24px;} #newTicketSubmitBtn{ position:absolute; right:0px; width:93px; height:24px; border:0px;} #newTicketSubmitBtn a{text-decoration:none; border:0px;} #newTicketError{ position:relative; width: 823px; margin-left:auto; margin-right:auto; text-align:center; margin-top:3px; font-family:"Arial"; font-size:12px; color:#ff0000;} .newTicketRowBrowseField{ width:300px; height:24px; font-family:"Arial"; font-size:12px; color:#333333;} .newTicketRowTextField{ width:600px; height:145px; font-family:"Arial"; font-size:12px; color:#333333;} .newTicketRowSubjField{ width:380px; height:20px; font-family:"Arial"; font-size:12px; color:#333333;} .newTicketRowFieldTo{ width:200px; height:20px; font-family:"Arial"; font-size:12px; color:#333333;} /*Search1 & 2*/ #search1ContentBlock{position:relative; width:823px; height:260px; border-left: 1px #84959B solid; border-right: 1px #84959B solid; border-bottom: 1px #84959B solid; padding-top:40px; background-color:#ffffff;} #search1ContentCon{ position:relative; width:490px; height:220px; margin-left:auto; padding-top:40px; background-repeat:no-repeat; margin-right:auto; background-image:url(../images/search1.jpg); display:table;} #search1ContentCon2{position:relative; width:400px; height:17px; margin-left:auto; margin-right:auto; margin-bottom:15px;} .search1FieldsLabels{ position:absolute; width:200px; height:15px; left:0px; font-family:"Arial"; font-size:12px; color:#333333; padding-top:3px; } .search1FieldsCon{ position:absolute; width:197px; height:17px; right:0px; } .search1Fields{ width:197px; height:25px; font-family:"Arial"; font-size:12px; color:#666666;} .search1Fields2{ width:190px; height:17px; font-family:"Arial"; font-size:12px; color:#666666;} .search1Btn{ position:relative; width:197px; height:25px; margin-left:auto; margin-right:auto; margin-top:40px; text-align:center;} #searchContentCon{position:relative; width:823px; height:290px; border-left: 1px #84959B solid; border-right: 1px #84959B solid; border-bottom: 1px #84959B solid; padding-top:10px;} #search2Con{position:relative; width:760px; margin-left:25px; margin-bottom:10px; display:table;} .search12FieldsCon{ position:relative; float:left; width:197px; height:25px; margin-right:25px;} .search12Fields{ width:197px; height:25px; font-family:"Arial"; font-size:12px; color:#333333;} .search12Fields2{ width:197px; height:20px; font-family:"Arial"; font-size:12px; color:#333333;} #search2Btn{ position:absolute; left:680px; width:93px; height:24px;} /*Read Ticket*/ #readTicketContentCon{position:relative; width:800px; height:380px; margin-left:auto; margin-right:auto; border:1px #84959B solid; background-color:#EAEAEA;} #readTicketHeaderCon{position:relative; width:770px; height:20px; background-color:#666666; font-family:"Arial"; font-size:12px; color:#ffffff; font-weight:bold; padding-left:15px; padding-right:15px; padding-top:4px;} #readTicketHeaderTicketNo{position:relative; float:left;} #readTicketHeaderAge{position:relative; float:right;} #readTicketLinks{position:relative; width:770px; height:18px; font-family:"Arial"; font-size:12px; color:#FF6600; font-weight:bold; margin-left:auto; margin-right:auto; padding:10px 0px;} #readTicketLinks a{text-decoration:none; color:#FF6600;} #readTicketWhiteCon{position:relative; float:left; width:630px; height:305px; background-color:#ffffff; margin-left:15px;} #readTicketRightBlock{position:relative; float:right; width:130px; height:305px; margin-right:15px;} #readTicketRightBlockTop{position:absolute; top:0px; width:130px; height:60px; font-family:"Arial"; font-size:12px; color:#FF0000;} .readTicketRightBlockTopLablels{font-weight:bold; color:#333333;} #readTicketRightBlockBottom{position:absolute; bottom:0px; width:130px; font-family:"Arial"; font-size:12px; color:#333333; font-weight:bold;} #readTicketHistoryCon{position:relative; width:630px; height:90px; border-bottom:1px #CCCCCC solid} #readTicketHistoryClient{position:relative; font-style:italic; width:625px; height:15px; padding-left:5px; font-family:"Arial"; font-size:11px; color:#333333; margin-bottom:2px;} #readTicketHistoryClient a{text-decoration:none; color:#333333;} #readTicketHistoryAgent{position:relative; font-style:italic; width:625px; height:15px; padding-left:5px; font-family:"Arial"; font-size:11px; color:#333333; margin-bottom:2px; background-color:#FFB0B0;} #readTicketHistoryAgent a{text-decoration:none; color:#333333;} .readTicketHistoryBold{font-weight:bold;} #readTicketHistoryNav{position:absolute; bottom:5px; left:5px; font-family:"Arial"; font-size:11px; color:#333333; font-weight:bold;} #readTicketBodyRow{position:relative; width:615px; height:auto; padding-left:15px; font-family:"Arial"; font-size:11px; color:#333333; margin-top:2px;} .readTicketBodyRowLabel{ font-weight:bold; width:60px;} #readTicketTextArea{position:relative; width:600px; height:140px; margin-left:auto; margin-right:auto;} .readTicketTextArea{width:600px; height:131px; font-family:"Arial"; font-size:12px; color:#333333; padding-top:5px;} .addnoteCon{position:relative; width:42px; height:15px; z-index:1;} #addnote{position:absolute; width:42px; height:26px; z-index:3; top:-11px;} /*Login*/ #loginContentCon{position:relative; width:889px; height:488px; margin-left:auto; margin-right:auto; margin-top:68px; background-image:url(../images/loginBg.jpg);} #loginContentBlock{ position:relative; width:270px; height:438px; margin-left:40px; margin-top:25px; display:table;} #loginContentTitle{ position:relative; width:220px; font-family:"Arial"; font-size:70px; color:#DBDBDB; font-weight:bold; line-height:30px; letter-spacing:-3px;} #loginContentFieldRowCon{position:relative; margin-top:50px; height:70px;} #loginContentFieldRow1{ position:relative; width:270px; height:20px; margin-bottom:10px; font-family:"Arial"; font-size:12px; color:#666666; font-weight:bold;} #loginContentFieldRow2{ position:relative; width:270px; height:20px; font-family:"Arial"; font-size:12px; color:#666666; font-weight:bold;} #loginContentFieldLabel{ position:relative; float:left; width:70px; height:16px; padding-top:4px;} #loginContentField{ position:relative; float:right; width:180px; height:20px;} .loginContentField{width:180px; height:16px; font-family:"Arial"; font-size:10px; color:#333333;} #longinEnterBtn{position:relative; width:51px; height:12px; margin-top:20px;} #longinFooterNote{ position:relative; width:261px; margin-top:80px; border-top:1px #CCCCCC solid; padding-top:5px; font-family:"Arial"; font-size:12px; color:#B5B5B5; font-weight:bold;} #longinFooterNote a{ color:#7D7D7D; text-decoration:none;}