* { margin: 0; padding: 0; } body,p,td,th { color: #666; font-family: "Lucida Grande", Arial, Tahoma; font-size: 12px; line-height: 15px; } a { color: #0067d4; text-decoration: none; } a:hover { color: #00c6f8; } a:active { color: #FF9900; } p { margin: 4px 0 0 0; } #container {width: 991px; margin: 0 auto;} #head {margin-bottom: 12px; } #body { margin-top: 12px;} #body_account { margin-top: 30px;} #send_but { width: 107px;} #banner {} .clearspace {clear:both;} #body .bef {margin-top: 8px;} #fel {width: 991px; 20px} .info {height: 150px; margin: 5px;} #pic1 {float: right;} #pic2 {float: left;} .classDivSendSMS{margin-top:-10px;} .width1{width: 270px;} .width{width: 235px;} .between{margin-right: 5px; margin-top: 12px;} .between1{margin-left: 12px;} .between3{margin-left: 8px; padding-top: 10px; font-size: 17px; color: white;} .between2{margin-top: 42px;} .between4{margin-top: 5px; } .between6{margin-top: 0px; } .between7{margin-right: 10px;} .between8{margin-right: 5px; margin-top: 5px;} .between9{margin-top: 5px;} .between10{margin-top: 0px;margin-left: 10px;} .between11{margin-top: 0px;margin-left: 5px;} .between12{margin-top: 3px;} #test{margin-top: 0px;} #test1{margin-top: 30px;} #test2{margin-top: 10px;} #box{width: 290px; height:204px;} #box1{width: 295px; height:200px;} #a1{display: none; } #smd{display: none; } /*#body4{display: none; }*/ /*#body5{display: none; }*/ /*#body6{display: none; }*/ /*#body7{display: none; }*/ #contact{display: none; } #text{float: left; margin-left: 10px;} #text1{float: left; margin-left: 20px;} #text2{float: left; margin-left: 190px;} #text3{float: left; margin-left: 48px;} #text4{float: left; margin-left: 10px;} #boxgroup {float: left; width: 700px;} #boxlow{width: 741px; 313px; float: left; margin-top: 0px; margin-left: 12px;} #boxlow1{float: left; margin-top: -20px;} #boxlow2{float: left; margin-left: 12px; width: 741px;} #body1 { width: 313px; height: 300px; float: left; margin-right:24px;} #body1 .top {background-image: url("../../resources/images/box1-head.jpg");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #body1 .body {background-image: url("../../resources/images/box1-body.jpg");background-repeat: repeat-y; margin-top:0; padding: 6px 10px;} #body1 .buttom {background-image: url("../../resources/images/box1-bottom.jpg");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #body2 { width: 313px; height: 300px; float: left; margin-right:24px;} #body2 .top {background-image: url("../../resources/images/box1-head.jpg");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #body2 .body {background-image: url("../../resources/images/box1-body.jpg");background-repeat: repeat-y; margin-top:0; padding: 6px 10px;} #body2 .buttom {background-image: url("../../resources/images/box1-bottom.jpg");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #body3 { width: 313px; height: 300px; float: left;} #body3 .top {background-image: url("../../resources/images/box1-head.jpg");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #body3 .body {background-image: url("../../resources/images/box1-body.jpg");background-repeat: repeat-y; margin-top:0; padding: 6px 10px;} #body3 .buttom {background-image: url("../../resources/images/box1-bottom.jpg");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} /*****************************************************************************/ #mainmenu { width: 863px; height: 30px; float: left; margin-top: 0px;} #mainmenu #mainnav { margin:0; padding:0; } #mainmenu #mainnav li { display: inline; } #mainmenu #mainnav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #mainmenu #mainnav li a { background-image: url(../../resources/images/nav.jpg); background-repeat: no-repeat; } /* BUTTONS */ #mainmenu #mainnav li#m-1 a { width: 120px; background-position: 0px 0px; } #mainmenu #mainnav li#m-2 a { width: 178px; background-position: -120px 0px; } #mainmenu #mainnav li#m-3 a { width: 143px; background-position: -298px 0px; } #mainmenu #mainnav li#m-4 a { width: 138px; background-position: -441px 0px; } #mainmenu #mainnav li#m-5 a { width: 120px; background-position: -579px 0px; } #mainmenu #mainnav li#m-6 a { width: 164px; background-position: -699px 0px; } /* OVER STATES */ #mainmenu #mainnav li#m-1 a:hover { width: 120px; background-position: 0px -30px; } #mainmenu #mainnav li#m-2 a:hover { width: 178px; background-position: -120px -30px; } #mainmenu #mainnav li#m-3 a:hover { width: 143px; background-position: -298px -30px; } #mainmenu #mainnav li#m-4 a:hover { width: 138px; background-position: -441px -30px; } #mainmenu #mainnav li#m-5 a:hover { width: 120px; background-position: -579px -30px; } #mainmenu #mainnav li#m-6 a:hover { width: 164px; background-position: -699px -30px; } /* PRESSED STATES */ #mainmenu.m-1 #mainnav li#m-1 a { width: 120px; background-position: 0px -60px; } #mainmenu.m-2 #mainnav li#m-2 a { width: 178px; background-position: -120px -60px; } #mainmenu.m-3 #mainnav li#m-3 a { width: 143px; background-position: -298px -60px; } #mainmenu.m-4 #mainnav li#m-4 a { width: 138px; background-position: -441px -60px; } #mainmenu.m-5 #mainnav li#m-5 a { width: 120px; background-position: -579px -60px; } #mainmenu.m-6 #mainnav li#m-6 a { width: 164px; background-position: -699px -60px; } /* END MAIN MENUS */ /* ----------------- Admin -------------------*/ /*****************************************************************************/ #mainAdminmenu { width: 861px; height: 30px; float: right; margin-top: 0px;} #mainAdminmenu #mainAdminnav { margin:0; padding:0; } #mainAdminmenu #mainAdminnav li { display: inline; } #mainAdminmenu #mainAdminnav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #mainAdminmenu #mainAdminnav li a { background-image: url(../../resources/images/navAdmin.gif); background-repeat: no-repeat; } /* BUTTONS */ #mainAdminmenu #mainAdminnav li#mAdmin-1 a { width: 199px; background-position: 0px 0px; } #mainAdminmenu #mainAdminnav li#mAdmin-2 a { width: 148px; background-position: -200px 0px; } #mainAdminmenu #mainAdminnav li#mAdmin-3 a { width: 161px; background-position: -348px 0px; } #mainAdminmenu #mainAdminnav li#mAdmin-4 a { width: 149px; background-position: -509px 0px; } #mainAdminmenu #mainAdminnav li#mAdmin-5 a { width: 203px; background-position: -658px 0px; } /* OVER STATES */ #mainAdminmenu #mainAdminnav li#mAdmin-1 a:hover { width: 200px; background-position: 0px -30px; } #mainAdminmenu #mainAdminnav li#mAdmin-2 a:hover { width: 148px; background-position: -200px -30px; } #mainAdminmenu #mainAdminnav li#mAdmin-3 a:hover { width: 161px; background-position: -348px -30px; } #mainAdminmenu #mainAdminnav li#mAdmin-4 a:hover { width: 149px; background-position: -509px -30px; } #mainAdminmenu #mainAdminnav li#mAdmin-5 a:hover { width: 203px; background-position: -658px -30px; } #mainAdminmenu #mainAdminnav li#mAdmin-1 a:active { width: 200px; background-position: 0px -60px; } #mainAdminmenu #mainAdminnav li#mAdmin-2 a:active { width: 148px; background-position: -200px -60px; } #mainAdminmenu #mainAdminnav li#mAdmin-3 a:active { width: 161px; background-position: -348px -60px; } #mainAdminmenu #mainAdminnav li#mAdmin-4 a:active { width: 149px; background-position: -509px -60px; } #mainAdminmenu #mainAdminnav li#mAdmin-5 a:active { width: 203px; background-position: -658px -60px; } /* PRESSED STATES */ #mainAdminmenu.m-1 #mainAdminnav li#mAdmin-1 a { width: 200px; background-position: 0px -60px; } #mainAdminmenu.m-2 #mainAdminnav li#mAdmin-2 a { width: 148px; background-position: -200px -60px; } #mainAdminmenu.m-3 #mainAdminnav li#mAdmin-3 a { width: 161px; background-position: -348px -60px; } #mainAdminmenu.m-4 #mainAdminnav li#mAdmin-4 a { width: 149px; background-position: -509px -60px; } #mainAdminmenu.m-5 #mainAdminnav li#mAdmin-5 a { width: 203px; background-position: -658px -60px; } /* END MAIN MENUS */ /************* Index ****************************************/ /**********Thai***************/ #thmenu { width: 10px; height: 10px; float: left; margin-top: px;} #thmenu #thnav { margin:0; padding:0; } #thmenu #thnav li { display: inline; } #thmenu #thnav li a { float: left; height: 0px; padding-top: 10px; overflow: hidden; } #thmenu #thnav li a { background-image: url(arrow.gif); background-repeat: no-repeat; } /* BUTTONS */ #thmenu #thnav li#th-1 a { width: 10px; background-position: 0px 0px; } /* OVER STATES */ #thmenu #thnav li#th-1 a:hover { width: 10px; background-position: 0px -10px; } /*/**********End Thai*****************************/ /**********Send Message***************/ #sendmenu { width: 128px; height: 22px; float: left; margin-top: 0px;margin-left: 5px;} #sendmenu #sendnav { margin:0; padding:0; } #sendmenu #sendnav li { display: inline; } #sendmenu #sendnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #sendmenu #sendnav li a { background-image: url(../../resources/images/sendmessage.gif); background-repeat: no-repeat; } /* BUTTONS */ #sendmenu #sendnav li#send-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #sendmenu #sendnav li#send-1 a:hover { width: 128px; background-position: 0px -22px; } /*/**********End Message*****************************/ /**********Cancel Send Message***************/ #cansendmenu { width: 128px; height: 22px; float: left; margin-top: 0px;margin-left: 5px;} #cansendmenu #cansendnav { margin:0; padding:0; } #cansendmenu #cansendnav li { display: inline; } #cansendmenu #cansendnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #cansendmenu #cansendnav li a { background-image: url(../../resources/images/cancel-massage.gif); background-repeat: no-repeat; } /* BUTTONS */ #cansendmenu #cansendnav li#cansend-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #cansendmenu #cansendnav li#cansend-1 a:hover { width: 128px; background-position: 0px -22px; } /*/**********End Message*****************************/ /**********Preview Message***************/ #previewmenu { width: 128px; height: 22px; float: left; margin-top: 0px;margin-left: 5px;} #previewmenu #previewnav { margin:0; padding:0; } #previewmenu #previewnav li { display: inline; } #previewmenu #previewnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #previewmenu #previewnav li a { background-image: url(../../resources/images/previewmessage.gif); background-repeat: no-repeat; } /* BUTTONS */ #previewmenu #previewnav li#preview-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #previewmenu #previewnav li#preview-1 a:hover { width: 128px; background-position: 0px -22px; } /*/**********End Message*****************************/ /****************************************************************************************************************************/ /***Account****/ .acc {margin-left: 12px} .acc1 {margin-top: 12px; margin-left: 25px; } .acc2 {margin-top: 12px; margin-left: 8px; } #acc1 { width: 729px; height:44px; float: left;} #acc1 .top {background-image: url("../../resources/images/head.jpg");background-repeat: no-repeat; height:2px; margin:0; padding: 0;} #acc1 .body {background-image: url("../../resources/images/body.jpg");background-repeat: repeat-y; margin-top:0; padding: 11px 10px;} #acc1 .buttom {background-image: url("../../resources/images/buttom.jpg");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #bodyacc { float: left; margin-left:5px } #bodyacc1 { float: right; margin-right:5px } #bodybackg { float: right; margin-right: 0px; } #by { width: 325px; height: 20px; float: left;} #acc2 { width: 244px; height:20px; float: left;} #acc2 .top {background-image: url("../../resources/images/head_menu.jpg");background-repeat: no-repeat; height: 33px; margin:0; padding: 0;} #acc2 .body {background-image: url("../../resources/images/body.jpg");background-repeat: repeat-y; margin-top:0; padding: 10px 0px;} #acc2 .buttom {background-image: url("../../resources/images/buttom.jpg");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} /*Address*/ #addmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #addmenu #addnav { margin:0; padding:0; } #addmenu #addnav li { display: inline; } #addmenu #addnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #addmenu #addnav li a { background-image: url(../../resources/images/add.gif); background-repeat: no-repeat; } /* BUTTONS */ #addmenu #addnav li#ad-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #addmenu #addnav li#ad-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Address**/ /*logon*/ #logonmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #logonmenu #logonnav { margin:0; padding:0; } #logonmenu #logonnav li { display: inline; } #logonmenu #logonnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #logonmenu #logonnav li a { background-image: url(../../resources/images/logon.gif); background-repeat: no-repeat; } /* BUTTONS */ #logonmenu #logonnav li#logon-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #logonmenu #logonnav li#logon-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Address**/ /*login*/ #loginmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #loginmenu #loginnav { margin:0; padding:0; } #loginmenu #loginnav li { display: inline; } #loginmenu #loginnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #loginmenu #loginnav li a { background-image: url(../../resources/images/login.gif); background-repeat: no-repeat; } /* BUTTONS */ #loginmenu #loginnav li#login-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #loginmenu #loginnav li#login-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Address**/ /*REmove*/ #remenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #remenu #renav { margin:0; padding:0; } #remenu #renav li { display: inline; } #remenu #renav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #remenu #renav li a { background-image: url(../../resources/images/remove.gif); background-repeat: no-repeat; } /* BUTTONS */ #remenu #renav li#re-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #remenu #renav li#re-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Remove**/ /*Disable*/ #disablemenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #disablemenu #disablenav { margin:0; padding:0; } #disablemenu #disablenav li { display: inline; } #disablemenu #disablenav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #disablemenu #disablenav li a { background-image: url(../../resources/images/disable.gif); background-repeat: no-repeat; } /* BUTTONS */ #disablemenu #disablenav li#disable-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #disablemenu #disablenav li#disable-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Remove**/ /*Enable*/ #Enablemenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #Enablemenu #Enablenav { margin:0; padding:0; } #Enablemenu #Enablenav li { display: inline; } #Enablemenu #Enablenav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #Enablemenu #Enablenav li a { background-image: url(../../resources/images/Enable.gif); background-repeat: no-repeat; } /* BUTTONS */ #Enablemenu #Enablenav li#Enable-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #Enablemenu #Enablenav li#Enable-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Remove**/ /*modify*/ #momenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #momenu #monav { margin:0; padding:0; } #momenu #monav li { display: inline; } #momenu #monav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #momenu #monav li a { background-image: url(../../resources/images/modifly.gif); background-repeat: no-repeat; } /* BUTTONS */ #momenu #monav li#mo-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #momenu #monav li#mo-1 a:hover { width: 72px; background-position: 0px -22px; } /***End modify**/ /*search*/ #semenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #semenu #senav { margin:0; padding:0; } #semenu #senav li { display: inline; } #semenu #senav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #semenu #senav li a { background-image: url(../../resources/images/search.gif); background-repeat: no-repeat; } /* BUTTONS */ #semenu #senav li#se-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #semenu #senav li#se-1 a:hover { width: 72px; background-position: 0px -22px; } /***End search**/ /*select*/ #selectmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #selectmenu #selectnav { margin:0; padding:0; } #selectmenu #selectnav li { display: inline; } #selectmenu #selectnav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #selectmenu #selectnav li a { background-image: url(../../resources/images/select.gif); background-repeat: no-repeat; } /* BUTTONS */ #selectmenu #selectnav li#select-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #selectmenu #selectnav li#select-1 a:hover { width: 72px; background-position: 0px -22px; } /***End search**/ /*activate*/ #activatemenu { width: 80px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #activatemenu #activatenav { margin:0; padding:0; } #activatemenu #activatenav li { display: inline; } #activatemenu #activatenav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #activatemenu #activatenav li a { background-image: url(../../resources/images/activate.gif); background-repeat: no-repeat; } /* BUTTONS */ #activatemenu #activatenav li#activate-1 a { width: 80px; background-position: 0px 0px; } /* OVER STATES */ #activatemenu #activatenav li#activate-1 a:hover { width: 80px; background-position: 0px -22px; } /***End search**/ /*Reset*/ #resmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;margin-right: 5px;} #resmenu #resnav { margin:0; padding:0; } #resmenu #resnav li { display: inline; } #resmenu #resnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #resmenu #resnav li a { background-image: url(../../resources/images/reset.gif); background-repeat: no-repeat; } /* BUTTONS */ #resmenu #resnav li#res-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #resmenu #resnav li#res-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Reset**/ /*Note Desc*/ #notedesc { margin-left: 5px;} /***End Note Desc**/ /*Submit*/ #submenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #submenu #subnav { margin:0; padding:0; } #submenu #subnav li { display: inline; } #submenu #subnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #submenu #subnav li a { background-image: url(../../resources/images/submit.gif); background-repeat: no-repeat; } /* BUTTONS */ #submenu #subnav li#sub-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #submenu #subnav li#sub-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Reset**/ /**************************************** j e w ***********************************************/ /*Option*/ #optionmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #optionmenu #optionnav { margin:0; padding:0; } #optionmenu #optionnav li { display: inline; } #optionmenu #optionnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #optionmenu #optionnav li a { background-image: url(../../resources/images/option.gif); background-repeat: no-repeat; } /* BUTTONS */ #optionmenu #optionnav li#option-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #optionmenu #optionnav li#option-1 a:hover { width: 72px; background-position: 0px -22px; } /*Register*/ #registermenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #registermenu #registernav { margin:0; padding:0; } #registermenu #registernav li { display: inline; } #registermenu #registernav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #registermenu #registernav li a { background-image: url(../../resources/images/register.gif); background-repeat: no-repeat; } /* BUTTONS */ #registermenu #registernav li#register-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #registermenu #registernav li#register-1 a:hover { width: 72px; background-position: 0px -22px; } /*Trial*/ #trailmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #trailmenu #trailnav { margin:0; padding:0; } #trailmenu #trailnav li { display: inline; } #trailmenu #trailnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #trailmenu #trailnav li a { background-image: url(../../resources/images/trial.gif); background-repeat: no-repeat; } /* BUTTONS */ #trailmenu #trailnav li#trail-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #trailmenu #trailnav li#trail-1 a:hover { width: 72px; background-position: 0px -22px; } /*select package*/ #selectpackagemenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #selectpackagemenu #selectpknav { margin:0; padding:0; } #selectpackagemenu #selectpknav li { display: inline; } #selectpackagemenu #selectpknav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #selectpackagemenu #selectpknav li a { background-image: url(../../resources/images/select-package.gif); background-repeat: no-repeat; } /* BUTTONS */ #selectpackagemenu #selectpknav li#selectpk-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #selectpackagemenu #selectpknav li#selectpk-1 a:hover { width: 128px; background-position: 0px -22px; } /*synchronize*/ #synmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #synmenu #synnav { margin:0; padding:0; } #synmenu #synnav li { display: inline; } #synmenu #synnav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #synmenu #synnav li a { background-image: url(../../resources/images/synchronize.gif); background-repeat: no-repeat; } /* BUTTONS */ #synmenu #synnav li#syn-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #synmenu #synnav li#syn-1 a:hover { width: 128px; background-position: 0px -22px; } /*Save*/ #savemenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #savemenu #savenav { margin:0; padding:0; } #savemenu #savenav li { display: inline; } #savemenu #savenav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #savemenu #savenav li a { background-image: url(../../resources/images/save.gif); background-repeat: no-repeat; } /* BUTTONS */ #savemenu #savenav li#save-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #savemenu #savenav li#save-1 a:hover { width: 72px; background-position: 0px -22px; } /*Active*/ #activemenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #activemenu #activenav { margin:0; padding:0; } #activemenu #activenav li { display: inline; } #activemenu #activenav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #activemenu #activenav li a { background-image: url(../../resources/images/active.gif); background-repeat: no-repeat; } /* BUTTONS */ #activemenu #activenav li#active-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #activemenu #activenav li#active-1 a:hover { width: 72px; background-position: 0px -22px; } /*DeActive*/ #deactivemenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #deactivemenu #deactivenav { margin:0; padding:0; } #deactivemenu #deactivenav li { display: inline; } #deactivemenu #deactivenav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #deactivemenu #deactivenav li a { background-image: url(../../resources/images/deactive.gif); background-repeat: no-repeat; } /* BUTTONS */ #deactivemenu #deactivenav li#deactive-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #deactivemenu #deactivenav li#deactive-1 a:hover { width: 72px; background-position: 0px -22px; } /*Publish*/ #publishmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #publishmenu #publishnav { margin:0; padding:0; } #publishmenu #publishnav li { display: inline; } #publishmenu #publishnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #publishmenu #publishnav li a { background-image: url(../../resources/images/save.gif); background-repeat: no-repeat; } /* BUTTONS */ #publishmenu #publishnav li#publish-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #publishmenu #publishnav li#publish-1 a:hover { width: 72px; background-position: 0px -22px; } /*save and publish*/ #saveandpublishmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #saveandpublishmenu #saveandpubnav { margin:0; padding:0; } #saveandpublishmenu #saveandpubnav li { display: inline; } #saveandpublishmenu #saveandpubnav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #saveandpublishmenu #saveandpubnav li a { background-image: url(../../resources/images/save-and-publish.gif); background-repeat: no-repeat; } /* BUTTONS */ #saveandpublishmenu #saveandpubnav li#saveandpub-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #saveandpublishmenu #saveandpubnav li#saveandpub-1 a:hover { width: 128px; background-position: 0px -22px; } /*****************************************************************************************************/ /*Reset Password */ #resetPassmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #resetPassmenu #resetPassnav { margin:0; padding:0; } #resetPassmenu #resetPassnav li { display: inline; } #resetPassmenu #resetPassnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #resetPassmenu #resetPassnav li a { background-image: url(../../resources/images/reset-password.gif); background-repeat: no-repeat; } /* BUTTONS */ #resetPassmenu #resetPassnav li#resetPass-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #resetPassmenu #resetPassnav li#resetPass-1 a:hover { width: 128px; background-position: 0px -22px; } /***End Reset Password**/ /* Addcontactlist */ #addcontactlistmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #addcontactlistmenu #addcontactlistnav { margin:0; padding:0; } #addcontactlistmenu #addcontactlistnav li { display: inline; } #addcontactlistmenu #addcontactlistnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #addcontactlistmenu #addcontactlistnav li a { background-image: url(../../resources/images/add-contact-list.gif); background-repeat: no-repeat; } /* BUTTONS */ #addcontactlistmenu #addcontactlistnav li#addcontactlist-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #addcontactlistmenu #addcontactlistnav li#addcontactlist-1 a:hover { width: 128px; background-position: 0px -22px; } /***End Addcontactlist**/ /* importcontactlist */ #importcontactlistmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #importcontactlistmenu #importcontactlistnav { margin:0; padding:0; } #importcontactlistmenu #importcontactlistnav li { display: inline; } #importcontactlistmenu #importcontactlistnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #importcontactlistmenu #importcontactlistnav li a { background-image: url(../../resources/images/import-contact-list.gif); background-repeat: no-repeat; } /* BUTTONS */ #importcontactlistmenu #importcontactlistnav li#importcontactlist-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #importcontactlistmenu #importcontactlistnav li#importcontactlist-1 a:hover { width: 128px; background-position: 0px -22px; } /***End importcontactlist**/ /* deletecontactlist */ #deletecontactlistmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #deletecontactlistmenu #deletecontactlistnav { margin:0; padding:0; } #deletecontactlistmenu #deletecontactlistnav li { display: inline; } #deletecontactlistmenu #deletecontactlistnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #deletecontactlistmenu #deletecontactlistnav li a { background-image: url(../../resources/images/delete-contact-list.gif); background-repeat: no-repeat; } /* BUTTONS */ #deletecontactlistmenu #deletecontactlistnav li#deletecontactlist-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #deletecontactlistmenu #deletecontactlistnav li#deletecontactlist-1 a:hover { width: 128px; background-position: 0px -22px; } /***End deletecontactlist**/ /*Select Approver*/ #selectapprovermenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #selectapprovermenu #selectapprovernav { margin:0; padding:0; } #selectapprovermenu #selectapprovernav li { display: inline; } #selectapprovermenu #selectapprovernav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #selectapprovermenu #selectapprovernav li a { background-image: url(../../resources/images/selectapprover.gif); background-repeat: no-repeat; } /* BUTTONS */ #selectapprovermenu #selectapprovernav li#selectapprover-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #selectapprovermenu #selectapprovernav li#selectapprover-1 a:hover { width: 128px; background-position: 0px -22px; } /***End Select Approver**/ /*Approve Task*/ #approvetaskmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #approvetaskmenu #approvetasknav { margin:0; padding:0; } #approvetaskmenu #approvetasknav li { display: inline; } #approvetaskmenu #approvetasknav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #approvetaskmenu #approvetasknav li a { background-image: url(../../resources/images/approvemessage.gif); background-repeat: no-repeat; } /* BUTTONS */ #approvetaskmenu #approvetasknav li#approvetask-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #approvetaskmenu #approvetasknav li#approvetask-1 a:hover { width: 128px; background-position: 0px -22px; } /***End Approve Task**/ /*Reject Task*/ #rejecttaskmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #rejecttaskmenu #rejecttasknav { margin:0; padding:0; } #rejecttaskmenu #rejecttasknav li { display: inline; } #rejecttaskmenu #rejecttasknav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #rejecttaskmenu #rejecttasknav li a { background-image: url(../../resources/images/rejectmessage.gif); background-repeat: no-repeat; } /* BUTTONS */ #rejecttaskmenu #rejecttasknav li#rejecttask-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #rejecttaskmenu #rejecttasknav li#rejecttask-1 a:hover { width: 128px; background-position: 0px -22px; } /***End Reject Task**/ /* viewchart */ #viewchartmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #viewchartmenu #viewchartnav { margin:0; padding:0; } #viewchartmenu #viewchartnav li { display: inline; } #viewchartmenu #viewchartnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #viewchartmenu #viewchartnav li a { background-image: url(../../resources/images/view-chart.gif); background-repeat: no-repeat; } /* BUTTONS */ #viewchartmenu #viewchartnav li#viewchart-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #viewchartmenu #viewchartnav li#viewchart-1 a:hover { width: 128px; background-position: 0px -22px; } /***End viewchart**/ /*Confirm*/ #confirmmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #confirmmenu #confirmsubnav { margin:0; padding:0; } #confirmmenu #confirmsubnav li { display: inline; } #confirmmenu #confirmsubnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #confirmmenu #confirmsubnav li a { background-image: url(../../resources/images/confirm.gif); background-repeat: no-repeat; } /* BUTTONS */ #confirmmenu #confirmsubnav li#confirm-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #confirmmenu #confirmsubnav li#confirm-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Reset**/ /*Cancle*/ #canmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #canmenu #cannav { margin:0; padding:0; } #canmenu #cannav li { display: inline; } #canmenu #cannav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #canmenu #cannav li a { background-image: url(../../resources/images/cancel.gif); background-repeat: no-repeat; } /* BUTTONS */ #canmenu #cannav li#can-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #canmenu #cannav li#can-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Reset**/ /*Back*/ #backmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #backmenu #backnav { margin:0; padding:0; } #backmenu #backnav li { display: inline; } #backmenu #backnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #backmenu #backnav li a { background-image: url(../../resources/images/back.gif); background-repeat: no-repeat; } /* BUTTONS */ #backmenu #backnav li#back-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #backmenu #backnav li#back-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Back**/ /*Assign*/ #assignmenu { width: 128px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #assignmenu #assignnav { margin:0; padding:0; } #assignmenu #assignnav li { display: inline; } #assignmenu #assignnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #assignmenu #assignnav li a { background-image: url(../../resources/images/assignToUser.gif); background-repeat: no-repeat; } /* BUTTONS */ #assignmenu #assignnav li#assign-1 a { width: 128px; background-position: 0px 0px; } /* OVER STATES */ #assignmenu #assignnav li#assign-1 a:hover { width: 128px; background-position: 0px -22px; } /***End Assign**/ /*Process*/ #processmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #processmenu #processnav { margin:0; padding:0; } #processmenu #processnav li { display: inline; } #processmenu #processnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #processmenu #processnav li a { background-image: url(../../resources/images/process-bt.gif); background-repeat: no-repeat; } /* BUTTONS */ #processmenu #processnav li#process-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #processmenu #processnav li#process-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Process**/ /*Close*/ #closemenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #closemenu #closenav { margin:0; padding:0; } #closemenu #closenav li { display: inline; } #closemenu #closenav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #closemenu #closenav li a { background-image: url(../../resources/images/close.gif); background-repeat: no-repeat; } /* BUTTONS */ #closemenu #closenav li#close-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #closemenu #closenav li#close-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Close**/ /*Close*/ #downloademenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #downloademenu #downloadenav { margin:0; padding:0; } #downloademenu #downloadenav li { display: inline; } #downloademenu #downloadenav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #downloademenu #downloadenav li a { background-image: url(../../resources/images/download.gif); background-repeat: no-repeat; } /* BUTTONS */ #downloademenu #downloadenav li#downloade-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #downloademenu #downloadenav li#downloade-1 a:hover { width: 72px; background-position: 0px -22px; } /***End Close**/ /*************************************************************************************************/ /*********Export*******/ #export { width: 991px; height:30px; float: left;} #export1 { width: 991px; height:130px; float: left; margin-top: 12px;} #export2 { width: 991px; height:330px; float: left; margin-top: 12px;} /************************************************************************/ #export2 .top {background-image: url("../../resources/images/head.jpg");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #export2 .body {background-image: url("../../resources/images/body.jpg");background-repeat: repeat-y; margin-top:0; padding: 11px 10px;} #export2 .buttom {background-image: url("../../resources/images/buttom.jpg");background-repeat: no-repeat; height: 10px margin:0; padding: 0;} #exportbody1 { float: left;} #exportbody2 { float: left;} /*export*/ #expmenu { width: 51px; height: 22px; float: left; margin-top: px;} #expmenu #expnav { margin:0; padding:0; } #expmenu #expnav li { display: inline; } #expmenu #expnav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #expmenu #expnav li a { background-image: url(../../resources/images/export-b.gif); background-repeat: no-repeat; } /* BUTTONS */ #expmenu #expnav li#exp-1 a { width: 51px; background-position: 0px 0px; } /* OVER STATES */ #expmenu #expnav li#exp-1 a:hover { width: 51px; background-position: 0px -22px; } /***End export**/ /********************************************************************************************************/ /**********************Report*************************/ /**************Canale************/ #repmenu { width: 108px; height: 22px; float: left; margin-top: px;} #repmenu #repnav { margin:0; padding:0; } #repmenu #repnav li { display: inline; } #repmenu #repnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #repmenu #repnav li a { background-image: url(../../resources/images/cancle-message.gif); background-repeat: no-repeat; } /* BUTTONS */ #repmenu #repnav li#rep-1 a { width: 108px; background-position: 0px 0px; } /* OVER STATES */ #repmenu #repnav li#rep-1 a:hover { width: 108px; background-position: 0px -22px; } /*/**********End canlcle*****************************/ /**************Recent************/ #recmenu { width: 108px; height: 22px; float: left; margin-top: px;} #recmenu #recnav { margin:0; padding:0; } #recmenu #recnav li { display: inline; } #recmenu #recnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #recmenu #recnav li a { background-image: url(../../resources/images/recent-message.gif); background-repeat: no-repeat; } /* BUTTONS */ #recmenu #recnav li#rec-1 a { width: 108px; background-position: 0px 0px; } /* OVER STATES */ #recmenu #recnav li#rec-1 a:hover { width: 108px; background-position: 0px -22px; } /*/**********End Recent*****************************/ /***** graph***************************/ #grmenu { width: 58px; height: 21px; float: left; margin-top: px;} #grmenu #grnav { margin:0; padding:0; } #grmenu #grnav li { display: inline; } #grmenu #grnav li a { float: left; height: 0px; padding-top: 21px; overflow: hidden; } #grmenu #grnav li a { background-image: url(../../resources/images/graph.gif); background-repeat: no-repeat; } /* BUTTONS */ #grmenu #grnav li#gr-1 a { width: 58px; background-position: 0px 0px; } /* OVER STATES */ #grmenu #grnav li#gr-1 a:hover { width: 58px; background-position: 0px -21px; } /*/**********End Recent*****************************/ #exrmenu { width: 51px; height: 25px; float: left; margin-top: px;} #exrmenu #exrnav { margin:0; padding:0; } #exrmenu #exrnav li { display: inline; } #exrmenu #exrnav li a { float: left; height: 0px; padding-top: 25px; overflow: hidden; } #exrmenu #exrnav li a { background-image: url(../../resources/images/export.gif); background-repeat: no-repeat; } /* BUTTONS */ #exrmenu #exrnav li#gr-1 a { width: 51px; background-position: 0px 0px; } /* OVER STATES */ #exrmenu #exrnav li#gr-1 a:hover { width: 51px; background-position: 0px -25px; } /*/**********End exportre*****************************/ /******************Address**********************************************/ /**********Arrow***************/ .arrowtop {margin-top: 94px; margin-left: 8px;} #arrmenu { width: 10px; height: 10px; float: left; margin-top: 4px;} #arrmenu #arrnav { margin:0; padding:0; } #arrmenu #arrnav li { display: inline; } #arrmenu #arrnav li a { float: left; height: 0px; padding-top: 10px; overflow: hidden; } #arrmenu #arrnav li a { background-image: url(../../resources/images/arrow.gif); background-repeat: no-repeat; } /* BUTTONS */ #arrmenu #arrnav li#arr-1 a { width: 10px; background-position: 0px 0px; } /* OVER STATES */ #arrmenu #arrnav li#arr-1 a:hover { width: 10px; background-position: 0px -10px; } /*/**********End Arrow*****************************/ /***End Address**/ /****************** Thai Eng *****************************************/ /*Thai*/ #thaimenu { width: 16px; height: 11px; float: left; margin-top: px;} #thaimenu #thainav { margin:0; padding:0; } #thaimenu #thainav li { display: inline; } #thaimenu #thainav li a { float: left; height: 0px; padding-top: 11px; overflow: hidden; } #thaimenu #thainav li a { background-image: url(../../resources/images/thai-flag1.jpg); background-repeat: no-repeat; } /* BUTTONS */ #thaimenu #thainav li#th-1 a { width: 16px; background-position: 0px 0px; } /* OVER STATES */ #thaimenu #thainav li#th-1 a:hover { width: 16px; background-position: 0px -11px; } /***End **/ /*engi*/ #engmenu { width: 16px; height: 11px; float: left; margin-top: px;} #engmenu #engnav { margin:0; padding:0; } #engmenu #engnav li { display: inline; } #engmenu #engnav li a { float: left; height: 0px; padding-top: 11px; overflow: hidden; } #engmenu #engnav li a { background-image: url(../../resources/images/engi-flag1.jpg); background-repeat: no-repeat; } /* BUTTONS */ #engmenu #engnav li#eng-1 a { width: 16px; background-position: 0px 0px; } /* OVER STATES */ #engmenu #engnav li#eng-1 a:hover { width: 16px; background-position: 0px -11px; } /***End **/ /****************** Thai Eng Modifly By k *****************************************/ /*Thai*/ #thai2menu { width: 16px; height: 11px; float: left; margin-top: px;} #thai2menu #thai2nav { margin:0; padding:0; } #thai2menu #thai2nav li { display: inline; } #thai2menu #thai2nav li a { float: left; height: 0px; padding-top: 11px; overflow: hidden; } #thai2menu #thai2nav li a { background-image: url(../../resources/images/thai-flag1.jpg); background-repeat: no-repeat; } /* BUTTONS */ #thai2menu #thai2nav li#th2-1 a { width: 16px; background-position: 0px -11px; } /* OVER STATES */ #thai2menu #thai2nav li#th2-1 a:hover { width: 16px; background-position: 0px -11px; } /***End **/ /*engi*/ #eng2menu { width: 16px; height: 11px; float: left; margin-top: px;} #eng2menu #eng2nav { margin:0; padding:0; } #eng2menu #eng2nav li { display: inline; } #eng2menu #eng2nav li a { float: left; height: 0px; padding-top: 11px; overflow: hidden; } #eng2menu #eng2nav li a { background-image: url(../../resources/images/engi-flag1.jpg); background-repeat: no-repeat; } /* BUTTONS */ #eng2menu #eng2nav li#eng2-1 a { width: 16px; background-position: 0px -11px; } /* OVER STATES */ #eng2menu #eng2nav li#eng2-1 a:hover { width: 16px; background-position: 0px -11px; } /***End **/ /****************** Thai Eng Modifly By k *****************************************/ /*Thai*/ #thai3menu { width: 16px; height: 11px; float: left; margin-top: px;margin-left: 5px;} #thai3menu #thai3nav { margin:0; padding:0; } #thai3menu #thai3nav li { display: inline; } #thai3menu #thai3nav li a { float: left; height: 0px; padding-top: 11px; overflow: hidden; } #thai3menu #thai3nav li a { background-image: url(../../resources/images/thai-flag1.jpg); background-repeat: no-repeat; } /* BUTTONS */ #thai3menu #thai3nav li#th3-1 a { width: 16px; background-position: 0px -11px; } /* OVER STATES */ #thai3menu #thai3nav li#th3-1 a:hover { width: 16px; background-position: 0px -11px; } /***End **/ /*engi*/ #eng3menu { width: 16px; height: 11px; float: left; margin-top: px;margin-left: 5px;} #eng3menu #eng3nav { margin:0; padding:0; } #eng3menu #eng3nav li { display: inline; } #eng3menu #eng3nav li a { float: left; height: 0px; padding-top: 11px; overflow: hidden; } #eng3menu #eng3nav li a { background-image: url(../../resources/images/engi-flag1.jpg); background-repeat: no-repeat; } /* BUTTONS */ #eng3menu #eng3nav li#eng3-1 a { width: 16px; background-position: 0px -11px; } /* OVER STATES */ #eng3menu #eng3nav li#eng3-1 a:hover { width: 16px; background-position: 0px -11px; } /***End **/ /****************** button *****************************************/ /*address button*/ #addbmenu { width: 29px; height: 40px; float: left; margin-top: px;margin-left:4px;} #addbmenu #addbnav { margin:0; padding:0; } #addbmenu #addbnav li { display: inline; } #addbmenu #addbnav li a { float: left; height: 0px; padding-top: 40px; overflow: hidden; } #addbmenu #addbnav li a { background-image: url(../../resources/images/contact.jpg); background-repeat: no-repeat; } /* BUTTONS */ #addbmenu #addbnav li#addb-1 a { width: 29px; background-position: 0px 0px; } /* OVER STATES */ #addbmenu #addbnav li#addb-1 a:hover { width: 29px; background-position: 0px -40px; } /***End **/ /*upload button*/ #upmenu { width: 29px; height: 40px; float: left; margin-top: px;} #upmenu #upnav { margin:0; padding:0; } #upmenu #upnav li { display: inline; } #upmenu #upnav li a { float: left; height: 0px; padding-top: 40px; overflow: hidden; } #upmenu #upnav li a { background-image: url(../../resources/images/import.jpg); background-repeat: no-repeat; } /* BUTTONS */ #upmenu #upnav li#up-1 a { width: 29px; background-position: 0px 0px; } /* OVER STATES */ #upmenu #upnav li#up-1 a:hover { width: 29px; background-position: 0px -40px; } /***End **/ /*listbutton*/ #listmenu { width: 37px; height: 40px; float: left; margin-top: px;} #listmenu #listnav { margin:0; padding:0;list-style-type: none; } #listmenu #listnav li { display: inline; } #listmenu #listnav li a { float: left; height: 0px; padding-top: 40px; overflow: hidden; } #listmenu #listnav li a { background-image: url(../../resources/images/list-name.jpg); background-repeat: no-repeat; } /* BUTTONS */ #listmenu #listnav li#list-1 a { width: 37px; background-position: 0px 0px; } /* OVER STATES */ #listmenu #listnav li#list-1 a:hover { width: 37px; background-position: 0px -40px; } /***End **/ /*temp*/ #temmenu { width: 36px; height:40px; float: left; margin-top: 0px; margin-left: 4px;} #temmenu #temnav { margin:0; padding:0; list-style-type: none;} #temmenu #temnav li { display: inline; } #temmenu #temnav li a { float: left; height: 0px; padding-top: 40px; overflow: hidden; } #temmenu #temnav li a { background-image: url(../../resources/images/template-massage.jpg); background-repeat: no-repeat; } /* BUTTONS */ #temmenu #temnav li#tem-1 a { width: 36px; background-position: 0px 0px; } /* OVER STATES */ #temmenu #temnav li#tem-1 a:hover { width: 36px; background-position: 0px -40px; } /***End **/ /*help*/ #hemenu { width: 16px; height: 16px; float: right; margin-top: 27px;} #hemenu #henav { margin:0; padding:0; } #hemenu #henav li { display: inline; } #hemenu #henav li a { float: left; height: 0px; padding-top: 16px; overflow: hidden; } #hemenu #henav li a { background-image: url(../../resources/images/b-help.jpg); background-repeat: no-repeat; } /* BUTTONS */ #hemenu #henav li#he-1 a { width: 16px; background-position: 0px 0px; } /* OVER STATES */ #hemenu #henav li#he-1 a:hover { width: 16px; background-position: 0px -16px; } /***End **/ /*******************/ #acc3 { width: 732px; float: right; margin-top: 2px;} #acc3 .top {background-image: url("../../resources/images/head.jpg");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #acc3 .body {background-image: url("../../resources/images/body.jpg");background-repeat: repeat-y; margin-top:0; padding: 5px 0px;} #acc3 .buttom {background-image: url("../../resources/images/buttom.jpg");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #body4 { width: 990px; float: left; margin-top: 10px; } #body4 .top {background-image: url("../../resources/images/box-buttom_r1_c1.gif");background-repeat: no-repeat; height: 17px; margin:0; padding: 0;} #body4 .body {background-image: url("../../resources/images/box-buttom_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body4 .body #boxlow .head {background-image: url("../../resources/images/b02_r1_c1.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0px 0px;} #body4 .body #boxlow .body {background-image: url("../../resources/images/b02_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body4 .body #boxlow .bottom {background-image: url("../../resources/images/b02_r5_c1_f2.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #body4 .body #boxlow2 .head {background-image: url("../../resources/images/b02_r1_c1.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0px 0px;} #body4 .body #boxlow2 .body {background-image: url("../../resources/images/b02_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body4 .body #boxlow2 .bottom {background-image: url("../../resources/images/b02_r5_c1_f2.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #body4 .bottom {background-image: url("../../resources/images/box-buttom_r5_c1.gif");background-repeat: no-repeat; height: 8px; margin:0; padding: 0;} #body5{ width: 990px; float: left; margin-top: 10px; } #body5 .top {background-image: url("../../resources/images/box-buttom_r1_c1-2.gif");background-repeat: no-repeat; height: 17px; margin:0; padding: 0;} #body5 .body {background-image: url("../../resources/images/box-buttom_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body5 .body #boxlow .head {background-image: url("../../resources/images/b02_r1_c1.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0px 0px;} #body5 .body #boxlow .body {background-image: url("../../resources/images/b02_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body5 .body #boxlow .bottom {background-image: url("../../resources/images/b02_r5_c1_f2.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #body5 .bottom {background-image: url("../../resources/images/box-buttom_r5_c1.gif");background-repeat: no-repeat; height: 8px; margin:0; padding: 0;} #body6{ width: 990px; float: left; margin-top: 10px; } #body6 .top {background-image: url("../../resources/images/box-buttom_r1_c1-3.gif");background-repeat: no-repeat; height: 17px; margin:0; padding: 0;} #body6 .body {background-image: url("../../resources/images/box-buttom_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body6 .body #boxlow .head {background-image: url("../../resources/images/b02_r1_c1.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0px 0px;} #body6 .body #boxlow .body {background-image: url("../../resources/images/b02_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body6 .body #boxlow .bottom {background-image: url("../../resources/images/b02_r5_c1_f2.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #body6 .bottom {background-image: url("../../resources/images/box-buttom_r5_c1.gif");background-repeat: no-repeat; height: 8px; margin:0; padding: 0;} #body7{ width: 990px; float: left; margin-top: 10px; } #body7 .top {background-image: url("../../resources/images/box-buttom_r1_c1-4.gif");background-repeat: no-repeat; height: 17px; margin:0; padding: 0;} #body7 .body {background-image: url("../../resources/images/box-buttom_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body7 .body #boxlow .head {background-image: url("../../resources/images/b02_r1_c1.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0px 0px;} #body7 .body #boxlow .body {background-image: url("../../resources/images/b02_r3_c1.gif");background-repeat: repeat-y; margin:0; padding: 6px 10px;} #body7 .body #boxlow .bottom {background-image: url("../../resources/images/b02_r5_c1_f2.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} #body7 .bottom {background-image: url("../../resources/images/box-buttom_r5_c1.gif");background-repeat: no-repeat; height: 8px; margin:0; padding: 0;} /**************************Page Help******************************************/ .help-banner {margin-left: 0px;} #picture {width: 215px; height:19px; margin-left: px;} #helptext{width: 220px; height: 100px; margin-left: 5px; margin-top: 10px;} #helpbody{width: 732px; height: 169px; float: left; margin-top: 10px;} #helpbody #helpbody1 {width: 232px; height: 157px; float: left; margin-left: 0px;} #helpbody #helpbody1 .top {background-image: url("../../resources/images/help-top.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #helpbody #helpbody1 .body {background-image: url("../../resources/images/help-body.jpg");background-repeat: no-repeat ; height: 157px; padding: 0px;} #helpbody #helpbody1 .buttom {background-image: url("../../resources/images/help-buttom.gif");background-repeat: no-repeat; height: 6px; margin:0; padding: 0;} #helpbody #helpbody2 {width: 232px; height: 157px; float: left; margin-left: 7px;} #helpbody #helpbody2 .top {background-image: url("../../resources/images/help-top.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #helpbody #helpbody2 .body {background-image: url("../../resources/images/help-body.jpg");background-repeat: no-repeat ; height: 157px; padding: 0px;} #helpbody #helpbody2 .buttom {background-image: url("../../resources/images/help-buttom.gif");background-repeat: no-repeat; height: 6px; margin:0; padding: 0;} #helpbody #helpbody3 {width: 232px; height: 157px; float: left; margin-left: 7px;} #helpbody #helpbody3 .top {background-image: url("../../resources/images/help-top.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #helpbody #helpbody3 .body {background-image: url("../../resources/images/help-body.jpg");background-repeat: no-repeat ; height: 157px; padding: 0px;} #helpbody #helpbody3 .buttom {background-image: url("../../resources/images/help-buttom.gif");background-repeat: no-repeat; height: 6px; margin:0; padding: 0;} #helpbodylow{width: 732px; height: 169px; float: left; margin-top: 10px;} #helpbodylow #helpbody4 {width: 232px; height: 157px; float: left; margin-left: 0px;} #helpbodylow #helpbody4 .top {background-image: url("../../resources/images/help-top.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #helpbodylow #helpbody4 .body {background-image: url("../../resources/images/help-body.jpg");background-repeat: no-repeat ; height: 157px; padding: 0px;} #helpbodylow #helpbody4 .buttom {background-image: url("../../resources/images/help-buttom.gif");background-repeat: no-repeat; height: 6px; margin:0; padding: 0;} #helpbodylow #helpbody5 {width: 232px; height: 157px; float: left; margin-left: 7px;} #helpbodylow #helpbody5 .top {background-image: url("../../resources/images/help-top.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #helpbodylow #helpbody5 .body {background-image: url("../../resources/images/help-body.jpg");background-repeat: no-repeat ; height: 157px; padding: 0px;} #helpbodylow #helpbody5 .buttom {background-image: url("../../resources/images/help-buttom.gif");background-repeat: no-repeat; height: 6px; margin:0; padding: 0;} #helpbodylow #helpbody6 {width: 232px; height: 157px; float: left; margin-left: 7px;} #helpbodylow #helpbody6 .top {background-image: url("../../resources/images/help-top.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #helpbodylow #helpbody6 .body {background-image: url("../../resources/images/help-body.jpg");background-repeat: no-repeat ; height: 157px; padding: 0px;} #helpbodylow #helpbody6 .buttom {background-image: url("../../resources/images/help-buttom.gif");background-repeat: no-repeat; height: 6px; margin:0; padding: 0;} /*************************changeclass***********************************************/ #click{margin-top: 15px;} /***********************Counter********************************************/ /*counter*/ #counter{margin-left: 5px;} #coumenu { width: 14px; height: 20px; float: left; margin-top: px;} #coumenu #counav { margin:0; padding:0; } #coumenu #counav li { display: inline; } #coumenu #counav li a { float: left; height: 0px; padding-top: 20px; overflow: hidden; } #coumenu #counav li a { background-image: url(../../resources/images/counter.gif); background-repeat: no-repeat; } /* BUTTONS */ #coumenu #counav li#co-1 a { width: 14px; background-position: 0px 0px; } #coumenu #counav li#co-2 a { width: 14px; background-position: 0px -20px; } #coumenu #counav li#co-3 a { width: 14px; background-position: 0px -40px; } #coumenu #counav li#co-4 a { width: 14px; background-position: 0px -60px; } #coumenu #counav li#co-5 a { width: 14px; background-position: 0px -80px; } #coumenu #counav li#co-6 a { width: 14px; background-position: 0px -100px; } #coumenu #counav li#co-7 a { width: 14px; background-position: 0px -120px; } #coumenu #counav li#co-8 a { width: 14px; background-position: 0px -140px; } #coumenu #counav li#co-9 a { width: 14px; background-position: 0px -160px; } #coumenu #counav li#co-10 a { width: 14px; background-position: 0px -180px; } /***End **/ /******************upload*******************************************/ #uploadmenu { width: 72px; height: 22px; float: left; margin-left: 10px; }/***margin-top: 10px;**/ #uploadmenu #uploadnav { margin:0; padding:0; } #uploadmenu #uploadnav li { display: inline; } #uploadmenu #uploadnav li a { float: right; height: 0px; padding-top: 22px; overflow: hidden; } #uploadmenu #uploadnav li a { background-image: url(../../resources/images/upload-b.gif); background-repeat: no-repeat; } /* BUTTONS */ #uploadmenu #uploadnav li#upload-1 a { width: 72px; background-position: 0px 0px; } /* OVER STATES */ #uploadmenu #uploadnav li#upload-1 a:hover { width: 72px; background-position: 0px -22px; } #browsemenu { width: 62px; height: 20px; float: left; margin-left: 10px;} #browsemenu #browsenav { margin:0; padding:0; } #browsemenu #browsenav li { display: inline; } #browsemenu #browsenav li a { float: right; height: 0px; padding-top: 20px; overflow: hidden; } #browsemenu #browsenav li a { background-image: url(../../resources/images/browse-b.gif); background-repeat: no-repeat; } /* BUTTONS */ #browsemenu #browsenav li#browse-1 a { width: 62px; background-position: 0px 0px; } /* OVER STATES */ #browsemenu #browsenav li#browse-1 a:hover { width: 62px; background-position: 0px -20px; } #ID_SMS_Upload { margin-top: 25px; } /****************button Grup***********************/ #groupmenu { width: 100px; height: 31px; float: left; margin-left: 17px;} #groupmenu #groupnav { margin:0; padding:0; } #groupmenu #groupnav li { display: inline; } #groupmenu #groupnav li a { float: right; height: 0px; padding-top: 31px; overflow: hidden; } #groupmenu #groupnav li a { background-image: url(../../resources/images/group-mix1.gif); background-repeat: no-repeat; } /* BUTTONS */ #groupmenu #groupnav li#group-1 a { width: 100px; background-position: 0px -31px; } /* OVER STATES */ #groupmenu #groupnav li#group-1 a:hover { width: 100px; background-position: 0px -31px; } #groupmenu2 { width: 100px; height: 31px; float: left; margin-left: 17px;} #groupmenu2 #groupnav2 { margin:0; padding:0; } #groupmenu2 #groupnav2 li { display: inline; } #groupmenu2 #groupnav2 li a { float: right; height: 0px; padding-top: 31px; overflow: hidden; } #groupmenu2 #groupnav2 li a { background-image: url(../../resources/images/group-mix1.gif); background-repeat: no-repeat; } /* BUTTONS */ #groupmenu2 #groupnav2 li#group-1-2 a { width: 100px; background-position: 0px 0px; } /* OVER STATES */ #groupmenu2 #groupnav2 li#group-1-2 a:hover { width: 100px; background-position: 0px 0px; } /****************button cont***********************/ #c1menu { width: 100px; height: 31px; float: left; margin-left: 3px;} #c1menu #c1nav { margin:0; padding:0; } #c1menu #c1nav li { display: inline; } #c1menu #c1nav li a { float: right; height: 0px; padding-top: 31px; overflow: hidden; } #c1menu #c1nav li a { background-image: url(../../resources/images/contact-mix1.gif); background-repeat: no-repeat; } /* BUTTONS */ #c1menu #c1nav li#c1-1 a { width: 100px; background-position: 0px -31px; } /* OVER STATES */ #c1menu #c1nav li#c1-1 a:hover { width: 100px; background-position: 0px -31px; } #c1menu2 { width: 100px; height: 31px; float: left; margin-left: 3px;} #c1menu2 #c1nav2 { margin:0; padding:0; } #c1menu2 #c1nav2 li { display: inline; } #c1menu2 #c1nav2 li a { float: right; height: 0px; padding-top: 31px; overflow: hidden; } #c1menu2 #c1nav2 li a { background-image: url(../../resources/images/contact-mix1.gif); background-repeat: no-repeat; } /* BUTTONS */ #c1menu2 #c1nav2 li#c1-1-2 a { width: 100px; background-position: 0px 0px; } /* OVER STATES */ #c1menu2 #c1nav2 li#c1-1-2 a:hover { width: 100px; background-position: 0px 0px; } /****************button Template***********************/ #templatemenu { width: 100px; height: 31px; float: left; margin-left: 17px;} #templatemenu #templatemenunav { margin:0; padding:0; } #templatemenu #templatemenunav li { display: inline; } #templatemenu #templatemenunav li a { float: right; height: 0px; padding-top: 31px; overflow: hidden; } #templatemenu #templatemenunav li a { background-image: url(../../resources/images/Template-mix.gif); background-repeat: no-repeat; } /* BUTTONS */ #templatemenu #templatemenunav li#templatemenu-1 a { width: 100px; background-position: 0px -31px; } /* OVER STATES */ #templatemenu #templatemenunav li#templatemenu-1 a:hover { width: 100px; background-position: 0px -31px; } #ID_SMS_Template { margin-top: 25px; } /****************button Keyword***********************/ #keywordmenu { width: 100px; height: 31px; float: left; margin-left: 17px;} #keywordmenu #keywordnav { margin:0; padding:0; } #keywordmenu #keywordnav li { display: inline; } #keywordmenu #keywordnav li a { float: right; height: 0px; padding-top: 31px; overflow: hidden; } #keywordmenu #keywordnav li a { background-image: url(../../resources/images/Keyword-mix.gif); background-repeat: no-repeat; } /* BUTTONS */ #keywordmenu #keywordnav li#keyword-1 a { width: 100px; background-position: 0px 0px; } /* OVER STATES */ #keywordmenu #keywordnav li#keyword-1 a:hover { width: 100px; background-position: 0px 0px; } #ID_SMS_Keyword { margin-top: 25px; } /****************button Upload***********************/ #uploadmenuf { width: 100px; height: 31px; float: left; margin-left: 17px;} #uploadmenuf #uploadnav { margin:0; padding:0; } #uploadmenuf #uploadnav li { display: inline; } #uploadmenuf #uploadnav li a { float: right; height: 0px; padding-top: 31px; overflow: hidden; } #uploadmenuf #uploadnav li a { background-image: url(../../resources/images/Upload-mix.gif); background-repeat: no-repeat; } /* BUTTONS */ #uploadmenuf #uploadnav li#upload-1 a { width: 100px; background-position: 0px 0px; } /* OVER STATES */ #uploadmenuf #uploadnav li#upload-1 a:hover { width: 100px; background-position: 0px 0px; } #tableUploadSMS { background-image: url(../../resources/images/table.gif); width: 450px; height: 135px; background-repeat: no-repeat; } .tableUploadSMS_option { float:left; width:57px; height:135px; margin-left:5px; cursor:pointer; } .popmenu{ position:absolute;left:320px;top:250px;visibility:hidden;z-index: 2000; opacity: .90;} .popmenu2{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);visibility:hidden;z-index: 2000; opacity: .80;} #popup {visibility:hidden;} /*lost menu*/ .hi { z-index:10;} #backgroundOverlay { background-color:black; height:100%; left:0px; opacity:0.6; position:absolute; top:0px; visibility:hidden; width:100%; z-index:1000;} #backgroundOverlay2 { background-color:white; height:100%; left:0px; opacity:1; position:absolute; top:0px; visibility:hidden; width:100%; z-index:1000;} #backgroundOver{ height:100%; left:0px; opacity:0.75; position:absolute; visibility:hidden; width:100%; z-index:990;} #modalContainerPopup { background-color:black; position:absolute; width:100%; height:100%; top:0px; left:0px; opacity:0.5; z-index:10000; background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */ } #TB_overlay { background-color:#000000; left:0px; opacity:0.6; position:absolute; top:0px; z-index:100; } #popup {margin-bottom:5px;} #popup .top {background-image: url("../../resources/images/poptop.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #popup .body {background-image: url("../../resources/images/bodypop.gif");background-repeat: repeat-y; margin-top:0px; padding: 6px 6px;} #popup .bottom {background-image: url("../../resources/images/bottompop.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #boxPop{ margin-left:0px; margin-bottom:0px;} #closepopup{ width:600px; float:left;} #closepopup1{ width:570px; float:left; color: #45afe9;} /*/**********End logout***************************/ #close{ width: 16px; height: 17px; float:left; } #close #closenav { margin:0; padding:0; } #close #closenav li { display: inline; } #close #closenav li a { float: left; height: 0px; padding-top:17px; overflow: hidden; } #close #closenav li a { background-image: url("../../resources/images/closePopup.gif"); background-repeat: no-repeat; } /* BUTTONS */ #close #closenav li#m-1 a { width:16px; background-position: 0px 0px; } /* OVER STATES */ #close #closenav li#m-1 a:hover { width: 16px; background-position: 0px -17px; } /*/**********End logout***************************/ /* resend menu */ #resendmenu { width: 72px; height: 22px; float: left; margin-top: px;margin-left: 5px;} #resendmenu #resendnav { margin:0; padding:0; } #resendmenu #resendnav li { display: inline; } #resendmenu #resendnav li a { float: left; height: 0px; padding-top: 22px; overflow: hidden; } #resendmenu #resendnav li a { background-image: url(../../resources/images/resend.gif); background-repeat: no-repeat; } /* BUTTONS */ #resendmenu #resendnav li#resend-1 a { width: 72px; background-position: 0px -22px; } /* OVER STATES */ #resendmenu #resendnav li#resend-1 a:hover { width: 72px; background-position: 0px 0px; } /***End resend**/ /********** Template Message Option **************/ #optoption1{background-image: url(../../resources/images/template_mobile.jpg);width: 30px; height: 30px;float: left;margin-top: 5px;margin-left: 5px;} #optoption2{background-image: url(../../resources/images/template_name.jpg);width: 30px; height: 30px;float: left;margin-top: 5px;margin-left: 5px;} #optoption3{background-image: url(../../resources/images/template_option1.jpg);width: 30px; height: 30px;float: left;margin-top: 5px;margin-left: 5px;} #optoption4{background-image: url(../../resources/images/template_option2.jpg);width: 30px; height: 30px;float: left;margin-top: 5px;margin-left: 5px;} #optoption5{background-image: url(../../resources/images/template_option3.jpg);width: 30px; height: 30px;float: left;margin-top: 5px;margin-left: 5px;} #optoption6{background-image: url(../../resources/images/template_option4.jpg);width: 30px; height: 30px;float: left;margin-top: 5px;margin-left: 5px;} #optoption7{background-image: url(../../resources/images/template_option5.jpg);width: 30px; height: 30px;float: left;margin-top: 5px;margin-left: 5px;} #opname { width: 30px; height: 30px; float: left; margin-top: 5px;margin-left: 5px;overflow: hidden;} #opname #opnamenav { margin:0; padding:0; } #opname #opnamenav li { display: inline; } #opname #opnamenav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #opname #opnamenav li a { background-image: url(../../resources/images/template_name.jpg); background-repeat: no-repeat; } /* BUTTONS */ #opname #opnamenav li#opname-1 a { width: 30px; background-position: 0px 0px; } /* OVER STATES */ #opname #opnamenav li#opname-1 a:hover { width: 30px; background-position: 0px -30px; } #opmobile { width: 30px; height: 30px; float: left; margin-top: 5px;margin-left: 5px;overflow: hidden;} #opmobile #opmobilenav { margin:0; padding:0; } #opmobile #opmobilenav li { display: inline; } #opmobile #opmobilenav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #opmobile #opmobilenav li a { background-image: url(../../resources/images/template_mobile.jpg); background-repeat: no-repeat; } /* BUTTONS */ #opmobile #opmobilenav li#opmobile-1 a { width: 30px; background-position: 0px 0px; } /* OVER STATES */ #opmobile #opmobilenav li#opmobile-1 a:hover { width: 30px; background-position: 0px -30px; } #opoption1 { width: 30px; height: 30px; float: left; margin-top: 5px;margin-left: 5px;overflow: hidden;} #opoption1 #opoption1nav { margin:0; padding:0; } #opoption1 #opoption1nav li { display: inline; } #opoption1 #opoption1nav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #opoption1 #opoption1nav li a { background-image: url(../../resources/images/template_option1.jpg); background-repeat: no-repeat; } /* BUTTONS */ #opoption1 #opoption1nav li#opoption1-1 a { width: 30px; background-position: 0px 0px; } /* OVER STATES */ #opoption1 #opoption1nav li#opoption1-1 a:hover { width: 30px; background-position: 0px -30px; } #opoption2 { width: 30px; height: 30px; float: left; margin-top: 5px;margin-left: 5px;overflow: hidden;} #opoption2 #opoption2nav { margin:0; padding:0; } #opoption2 #opoption2nav li { display: inline; } #opoption2 #opoption2nav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #opoption2 #opoption2nav li a { background-image: url(../../resources/images/template_option2.jpg); background-repeat: no-repeat; } /* BUTTONS */ #opoption2 #opoption2nav li#opoption2-1 a { width: 30px; background-position: 0px 0px; } /* OVER STATES */ #opoption2 #opoption2nav li#opoption2-1 a:hover { width: 30px; background-position: 0px -30px; } #opoption3 { width: 30px; height: 30px; float: left; margin-top: 5px;margin-left: 5px;overflow: hidden;} #opoption3 #opoption3nav { margin:0; padding:0; } #opoption3 #opoption3nav li { display: inline; } #opoption3 #opoption3nav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #opoption3 #opoption3nav li a { background-image: url(../../resources/images/template_option3.jpg); background-repeat: no-repeat; } /* BUTTONS */ #opoption3 #opoption3nav li#opoption3-1 a { width: 30px; background-position: 0px 0px; } /* OVER STATES */ #opoption3 #opoption3nav li#opoption3-1 a:hover { width: 30px; background-position: 0px -30px; } #opoption4 { width: 30px; height: 30px; float: left; margin-top: 5px;margin-left: 5px;overflow: hidden;} #opoption4 #opoption4nav { margin:0; padding:0; } #opoption4 #opoption4nav li { display: inline; } #opoption4 #opoption4nav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #opoption4 #opoption4nav li a { background-image: url(../../resources/images/template_option4.jpg); background-repeat: no-repeat; } /* BUTTONS */ #opoption4 #opoption4nav li#opoption4-1 a { width: 30px; background-position: 0px 0px; } /* OVER STATES */ #opoption4 #opoption4nav li#opoption4-1 a:hover { width: 30px; background-position: 0px -30px; } #opoption5 { width: 30px; height: 30px; float: left; margin-top: 5px;margin-left: 5px;overflow: hidden;} #opoption5 #opoption5nav { margin:0; padding:0; } #opoption5 #opoption5nav li { display: inline; } #opoption5 #opoption5nav li a { float: left; height: 0px; padding-top: 30px; overflow: hidden; } #opoption5 #opoption5nav li a { background-image: url(../../resources/images/template_option5.jpg); background-repeat: no-repeat; } /* BUTTONS */ #opoption5 #opoption5nav li#opoption5-1 a { width: 30px; background-position: 0px 0px; } /* OVER STATES */ #opoption5 #opoption5nav li#opoption5-1 a:hover { width: 30px; background-position: 0px -30px; } #templatOption{ position: absolute; margin-top:16px; top:50; left:482; width:290px; height:40px; border:1px solid #88C4FF; z-index: 1; background-color:#ffffff; } #templatOptionBackground{ margin-top:3px; margin-left:2px; color:gray; position: absolute; top:50; left:482; width:290px; height:55px; border:1px solid gray; z-index: 0; background-color:gray; } #templatOptionHeader{ margin-top:1px; margin-left:0px; position: absolute; top:50; left:482; width:290px; height:15px; border:1px solid #18a2dc; z-index: 1; background-color:#18a2dc; } /*------------------------ Address Book CSS -------------------------*/ #selectContactmenu { width:665px; background-image:url(../../resources/images/toppage.gif); } #frontSpace { width: 5px; float:left; } .clearspace {clear:both;} #menu { height:30px; width:665px; background-image:url(../../resources/images/toppage.gif);} #ID_SMS_Address { margin-top: 25px; } /************************************** Tab *******************************************/ .addContact { margin-left: 5px; float:left; background-image: url(../../resources/images/TabSearchContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px -31px; } .addContactSel { margin-left: 5px; float:left; background-image: url(../../resources/images/TabSearchContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px 0px; } .delContact { margin-left: 5px; float:left; background-image: url(../../resources/images/TabAddDeleteContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px -31px; } .delContactSel { margin-left: 5px; float:left; background-image: url(../../resources/images/TabAddDeleteContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px 0px; } .impContact { margin-left: 5px; float:left; background-image: url(../../resources/images/TabImportContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px -31px; } .impContactSel { margin-left: 5px; float:left; background-image: url(../../resources/images/TabImportContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px 0px; } .expContact { margin-left: 5px; float:left; background-image: url(../../resources/images/TabExportContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px -31px; } .expContactSel { margin-left: 5px; float:left; background-image: url(../../resources/images/TabExportContactList.gif); background-repeat: no-repeat; width: 160px; height: 30px; background-position: 0px 0px; } #detail { width:665px;} #detail .top {background-image: url("../../resources/images/topbg.gif");background-repeat: no-repeat; height: 5px; margin:0; padding: 0;} #detail .body {background-image: url("../../resources/images/bodybg.gif");background-repeat: repeat-y; margin-top:0; padding: 6px 10px;} #detail .bottom {background-image: url("../../resources/images/bottombg.gif");background-repeat: no-repeat; height: 10px; margin:0; padding: 0;} /*------------------------ End Address Book CSS -------------------------*/ /*------------------------ Start : Global Error Style -------------------------*/ .bg-error-header{ width: 739px; height: 22px; background-image: url("../../resources/images/BodyHead.jpg");background-repeat: no-repeat; } .bg-error-body{ background-image: url("../../resources/images/box2bg4.gif");background-repeat: repeat; } .bg-error-body-left{ width: 9px; background-image: url("../../resources/images/BodyLeft.jpg");background-repeat: repeat-y; } .bg-error-body-right{ width: 9px; background-image: url("../../resources/images/BodyRight.jpg");background-repeat: repeat-y; } .bg-error-bottom{ width: 739px; height: 18px; background-image: url("../../resources/images/BodyBottom.jpg");background-repeat: no-repeat; } /*------------------------ End : Global Error Style -------------------------*/