/** RESET **/ * { margin: 0; padding: 0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } .clear { clear:both; font-size:0; height:0; overflow:hidden; } body { margin: 0px; padding: 0; background: #FFFFFF; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; } #wrapper_e { } .full_height_wrapper{ margin: 0px; padding: 0; text-align: justify; height:285px; font-family: Tahoma, Arial, Helvetica, sans-serif; min-width:1024px; } .half_height_wrapper{ margin: 0px; padding: 0; text-align: justify; height:94px; font-family: Tahoma, Arial, Helvetica, sans-serif; min-width:1024px; } #top_page { } #top_page_in_e { } .full_height_top_page{ height: 207px; } .half_height_top_page{ height: 56px; } .full_height{ margin: 0px; padding: 0; background: #FFF; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 271px; padding-top:14px; } .half_height{ margin: 0px; padding: 0; background: #FFF; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 80px; padding-top:14px; } #header_line { margin: 16px 0px 0px 12px; padding: 0; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 24px; } #menu_left_e { } .menu_full_height { padding: 0; height: 137px; width:145px; display:block; float:left; padding:9px 22px 0px 44px; padding-left:44px; padding-top:9px; list-style:none; } .menu_half_height { padding: 0; height: 47px; list-style:none; width:145px; display:block; float:left; padding:9px 22px 0px 44px; padding-left:44px; padding-top:9px; } #menu_left li { list-style: none; } #item_1 a{ background: url(images/btn_field.jpg) no-repeat left top; list-style: none; display: inline; float: left; width: 220px; height: 40px; color:#9f9f9f; text-decoration:none; padding:8px 0px 0px 18px; border:none; } #item_1 a:hover{ list-style: none; display: inline; float: left; width: 220px; height: 40px; text-decoration:none; color:#49b848; } #item_2_e a{ } .item_2_full_height a{ background: url(images/btn_field.jpg) no-repeat left top; list-style: none; display: inline; float: left; width: 220px; height: 36px; text-decoration:none; color:#9f9f9f; padding:8px 0px 0px 18px; border:none; } .item_2_half_height a{ float: left; width: 220px; height: 1px; text-decoration:none; color:#b8b8ba; display:none; } .item_2_full_height a:hover{ list-style: none; display: inline; float: left; width: 220px; height: 36px; text-decoration:none; color:#05b0f7; background: url(images/btn_field.jpg) no-repeat left top; } #item_2_e a:hover{ } .item_2_half_height { float: left; width: 220px; height: 1px; display:none; } #item_3_e a{ } .item_3_half_height { float: left; width: 220px; height: 1px; display:none; } .item_3_full_height a{ background: url(images/btn_field.jpg) no-repeat left top; list-style: none; display: inline; float: left; width: 220px; height: 36px; text-decoration:none; color:#9f9f9f; padding:8px 0px 0px 18px; border:none; } .item_3_half_height a{ } .item_3_full_height a:hover{ list-style: none; display: inline; float: left; width: 220px; height: 36px; text-decoration:none; color:#ff3506; } #item_3_e a:hover{ } #info_e { } .info_full_height{ margin: 0px; padding: 0; background: #CCC; border: 1px solid #e9e9eb; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; display:block; float:left; height: 137px; width:214px; padding-right:115px; } .info_half_height{ margin: 0px; padding: 0; background: #CCC; border: 1px solid #e9e9eb; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; display:block; float:left; height: 56px; width:214px; padding-right:115px; } a:active { /* border: 4px inset;*/ } #arrow_up_e { } .arrow_up_full_height { margin: 0 auto; padding: 0; background: #EEE; background: url(images/arrow_up.png) no-repeat left top; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 20px; width:20px; position:absolute; left:480px; top:270px; } .arrow_up_half_height { display:none; } #arrow_down_e { } .arrow_down_full_height { display:none; } .arrow_down_half_height { margin: 0 auto; padding: 0; background: #EEE; background: url(images/arrow_down.jpg) no-repeat left top; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 20px; width:20px; left:480px; top:80px; position:absolute; } #bottom_page { margin: 0px; padding: 0; background: #CCC; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 100%; } .headerexpand { position: absolute; height: 20px; bottom: 0px; right: 20%; } #headerexpandimage { height: 15px; } .box { margin: 18px; } .online { background: #00FF00; } .offline { background: #FF0000; } a { /*padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; background: #DDE; text-decoration: none; color: black;*/ } a:active { /* border: 4px inset;*/ } .header { position : absolute; width : 50%; height : 30%; top : 30%; right : 0; bottom : auto; left : 0; /*max-height:136px;*/ } #calllist { position : absolute; width : 50%; height : 28%; top : 2%; left : 48%; right : 1%; /*max-height:180px;*/ bottom : auto; } #qstatus { position : absolute; width : 30%; height : 30%; top : 2%; right : 2%; left: 17%; bottom : auto; /*max-height:38%;*/ } #casefunctions { position : absolute; width : 12%; height : 30%; top : 0; right : 0; left: 0; font-size:18px; padding:1%; bottom : auto; } #casefunctions li { list-style:none; } #content { position : absolute; top : 31%; left : 0.5%; right :0.5%; bottom : auto; width : 99%; height : 69%; } .embeddedobject { width:100%; height:100%; position:absolute; } #main-qstatus { width:95%; /*max-height:116px;*/ position:absolute; left:3%; top:1%; height:90%; border: 2px solid #e9e9eb; border-radius: 15px; -moz-border-radius: 15px; } #main-casenotes{ height:85%; } #main-contactdetails{ /*height:85%;*/ } #main-calllist{ /*height:85%;*/ } #main-appointmentlist{ height:85%; } #main-projectinfo{ height:85%; } .wait_wrapper{ margin: 0 auto; position:absolute; top:40%; height:60%; width:260px; left:40%; list-style:none; } .wait_li_1 a{ background: url(images/btn_field.jpg) no-repeat left top; list-style: none; display: inline; float: left; width: 220px; height: 40px; color:#9f9f9f; text-decoration:none; padding:8px 0px 0px 18px; border:none; margin-bottom: 20px; } .wait_li_1 a:hover{ list-style: none; display: inline; float: left; width: 220px; height: 40px; text-decoration:none; color:#49b848; } .wait_li_2 a{ background: url(images/btn_field.jpg) no-repeat left top; list-style: none; display: inline; float: left; width: 220px; height: 40px; color:#9f9f9f; text-decoration:none; padding:8px 0px 0px 18px; border:none; } .wait_li_2 a:hover{ list-style: none; display: inline; float: left; width: 220px; height: 40px; text-decoration:none; color:#ff3506; }