/********************************************************************************************** CSS for ... Title: Author: CharismaticMedia.com - Mariusz Zawistowicz Date: 2011 *********************************************************************************************** 0. RESET 1. BASE 1.1 Default Styles 1.3 Generic buttons 2. LAYOUT 2.1 Structure 2.2 Header 2.3 Navigation 2.4 Banner 2.5 Features / Content Home 2.6 Content 2.7 Sidebar 2.8 Bottom Sections 2.9 Footer ***********************************************************************************************/ /* 0. RESET ----------------------------------------------------------------------------------------------- ===============================================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; /* vertical-align: baseline; */ } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" "";} *.cb{ clear:both; } /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Default Styles -----------------------------------------------------------------------------------------------*/ body { font-family: Arial, Helvetica, sans-serif; background:#f7f7f7 top center repeat-x; font-size:14px; color:#484848; margin:0; padding:0; } body.no_background { background:#ddeaf0 top center repeat-x; background-image:none!important; } h1{ font-size:30px; color:#192b45; } h2{ font-size:27px; padding-bottom:15px; color:#355686;} h3{ font-size:23px; padding-bottom:10px; color:#355686;} h4{ font-size:16px; padding-bottom:10px; color:#355686;} h5{ font-size:14px; padding-bottom:10px; color:#192b45;} h6{ font-size:10px; padding-bottom:10px; color:#192b45;} .line{ border-bottom:1px #999 dotted; display:block; width:100%; margin-bottom:10px; padding-bottom:40px;} a{ color:#7C8C9F; text-decoration:none;} a:hover{ color:#4788ba;} .line{ width:100%; height:2px; border-bottom:1px #999 dotted; margin:5px 0 0px 0; clear:both;} small, .small{ font-size:11px;} b, strong{ font-weight:bold;} i, em{font-style:italic; } p{ padding:10px 0px 15px 0px; line-height:21px;} .fleft{ float:left; } .fright{ float:right; } .float-left, .alignleft{ float:left; margin:5px 10px 5px 0px; } .float-right, .alignright{ float:right; margin:5px 0px 5px 10px; } .font_color{ color:#f79521;} /*GREEN*/ .font_color2{ color:#5a7aa9;} /*BLUE*/ .font_color3{ color: #999;} /*GREY*/ .content ul, .content ol,.content_full_withmargin ol,.content_full ul{ position:relative; margin:0px 0px 30px 0px;} .content ul li, .content ol li,.content_full_withmargin ul li, .content_full_withmargin ol li,.content_full ul li, .content_full ol li{ padding:10px 0 0 20px; margin:0 0 0 15px; line-height:21px; } .content ul li,.content_full_withmargin ul li,.content_full ul li{background:0px 16px no-repeat url('../../images/blue-dot.png'); } .content ol li,.content_full_withmargin ol li,.content_full ol li{ list-style-type: decimal;} .clear_full{ display:block; width:960px; height:10px; clear:both; } .clear{ display:block; width:600px; height:25px; clear:both; } .link-button_yes{ width:80px; height:15px; padding:5px; color: #fff; background: #F00; } .link-button_no{ width:80px; height:15px; padding:5px; color: #fff; background: #f79521; } .link-button_no:hover,.link-button_yes:hover{ color: #ddeaf0; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ /* 2.2 Header -----------------------------------------------------------------------------------------------*/ .header_wrap{ position:relative; display:block; width:960px; height:204px; z-index:100; margin:0px auto;} .logo{ position:absolute; display:block; width:200px; height:80px; padding:0px 0px 0px 0px; background:top left no-repeat url('../../images/logo_mark.png'); top:12px; left:20px; color:#FFF; font-size:21px; letter-spacing:1px; } .logo:hover{ color:#FFF;} .loged_pannel{ position:absolute; display:block; top:30px; right:0px; background:top right no-repeat url('../../images/login_avatar.png'); height:50px; padding-right:60px; color:#FFF; font-size:16px; text-align:right; } .loged_pannel span{ font-size:20px; color:#9acde8;} /* 2.3 Header Navigation -----------------------------------------------------------------------------------------------*/ .loged_bg{ position:absolute; bottom:55px; right:0px; width:103px; height:44px; background:top center no-repeat url('../../images/logout_bg.jpg'); } .loged_bt { display:block; position:absolute; top:10px; left:15px;width:77px; height:28px;background:0px 0px no-repeat url('../../images/buttons.png'); } .loged_bt:hover { background:0px -29px no-repeat url('../../images/buttons.png'); } .main_navigation{ display:block; position:absolute; top:119px; left:0px; height:48px; width:700px; } .main_navigation li{ display:inline; } .main_navigation a{ display:block; float:left; margin-right:10px; } .dashboard{ width:115px; height:48px; background:0px -48px no-repeat url('../../images/menu.jpg'); } .dashboard:hover{ width:115px; height:48px; background:0px 0px no-repeat url('../../images/menu.jpg'); } .dashboard_on{ width:115px; height:48px; background:0px -96px no-repeat url('../../images/menu.jpg'); } .managecalls{ width:115px; height:48px; background:-115px -48px no-repeat url('../../images/menu.jpg'); } .managecalls:hover{ width:115px; height:48px; background:-115px 0px no-repeat url('../../images/menu.jpg'); } .managecalls_on{ width:115px; height:48px; background:-115px -96px no-repeat url('../../images/menu.jpg'); } .recordings{ width:115px; height:48px; } .recordings:hover{ width:115px; height:48px;} .recordings_on{ width:115px; height:48px;} .reports{ width:85px; height:48px; background:-345px -48px no-repeat url('../../images/menu.jpg'); } .reports:hover{ width:85px; height:48px; background:-345px 0px no-repeat url('../../images/menu.jpg'); } .reports_on{ width:85px; height:48px; background:-345px -96px no-repeat url('../../images/menu.jpg'); } .billing{width:85px; height:48px; background:-430px -48px no-repeat url('../../images/menu.jpg'); } .billing:hover{ width:85px; height:48px; background:-430px 0px no-repeat url('../../images/menu.jpg'); } .billing_on{ width:85px; height:48px; background:-430px -96px no-repeat url('../../images/menu.jpg'); } .myaccount{ width:114px; height:48px; background:-515px -48px no-repeat url('../../images/menu.jpg'); } .myaccount:hover{ width:114px; height:48px; background:-515px 0px no-repeat url('../../images/menu.jpg'); } .myaccount_on{ width:114px; height:48px; background:-515px -96px no-repeat url('../../images/menu.jpg'); } .subnavigation{ display:block; position:absolute; top:175px; left:0px; height:48px; width:700px; } .subnavigation li{ display:inline;} .subnavigation li a{ display:block; float:left; padding:2px 22px; border-right:1px #CCC solid; text-transform:uppercase; font-size:11px; color:#aeaeae; } .subnavigation li a:hover, .subnavigation li a.on{ color:#f79521; } .subnavigation li a.on{ font-weight:bold; } /* 2.6 Content -----------------------------------------------------------------------------------------------*/ .content_full{ display:block; margin:20px auto; width:960px; position: relative; } .content_title{ font-size:27px; color:#FFF;} .chart_box{ display:block; width:957px; border:1px #c7ccd5 solid; background-color:#FFF; padding:10px 1px 10px 1px; text-align:center; margin:25px auto 0px auto;} /* -----> Nav Boxes Styles */ .left_box_300out{display:block; position:absolute; left:0px; top:0px; right:0px; width:300px; height:52px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px;} .left_box_300in{display:block; width:299px; height:51px; background-color:#ffffff; color:#7084a1;} .right_box_300out{ display:block; position:absolute; top:0px; right:0px; width:298px; height:62px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .right_box_300in{ display:block; width:297px; height:61px; background-color:#ffffff; color:#7084a1;} .right_box_625out{display:block; position:absolute; top:0px; right:0px; width:645px; height:52px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px;} .right_box_625in{display:block; width:644px; height:51px; background-color:#ffffff; color:#7084a1;} .right_box_625out_small{display:block; position:absolute; top:62px; right:0px; width:625px; height:30px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px;} .right_box_625in_small{display:block; width:624px; height:29px; background-color:#ffffff; color:#7084a1;} .right_box_625out_h{ display:block; position:absolute; top:0px; right:0px; width:625px; height:92px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .right_box_625in_h{ display:block; width:624px; height:91px; background-color:#ffffff; color:#7084a1; } .right_box_600out_h{ display:block; position:absolute; top:0px; right:0px; width:600px; height:62px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .right_box_600in_h{ display:block; width:599px; height:61px; background-color:#ffffff; color:#7084a1; } .right_box_650out_h{ display:block; position:absolute; top:0px; right:0px; width:650px; height:92px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .right_box_650in_h{ display:block; width:649px; height:91px; background-color:#ffffff; color:#7084a1; } .admin-select{ position:absolute; top:21px; left:20px;} .export_icon{width:15px; height:15px; background:-109px -174px no-repeat url('../../images/icons.png'); display:block; float:right; margin-left:5px; } .export{ display:block; top:8px; right:20px; position:absolute; font-size:14px; width:200px; text-align:right; } .info_box{ display:block; top:8px; left:10px; position:absolute; font-size:14px;} .clock_icon2{ width:15px; height:15px; background:-33px -174px no-repeat url('../../images/icons.png'); display:block; float:left; margin-right:5px;} .mark_icon{ width:18px; height:15px; background:-49px -174px no-repeat url('../../images/icons.png'); display:block; float:left; margin-right:5px;} .edit_icon{ width:18px; height:15px; background:-91px -174px no-repeat url('../../images/icons.png'); display:block; float:left; margin-right:5px;} .add_icon{width:15px; height:15px; background:-70px -174px no-repeat url('../../images/icons.png'); display:block; float:left; margin-right:5px;} .password_icon{ width:18px; height:15px; background:-240px -175px no-repeat url('../../images/icons.png'); display:block; float:left; margin-right:5px;} .filter-bar{display:block; width:640px; height:51px; position:relative;} .form-subsection{ display:block; position:relative; float:left; padding:15px 10px 0 5px;} .form-item{ display:block; float:left; padding-right:10px; padding:0px 5px;} .form-subsection date-select{} .form-item form-radio{} .form-item form-select{} .form-sep{ display:block; float:left; border-left:1px #CCC solid; width:1px; background:#FFF; height:51px;} .form-sep2{ display:block; float:left; border-left:1px #CCC solid; width:1px; background:#FFF; height:61px;} .form-sep-right{ display:block; float:right; border-left:1px #CCC solid; width:1px; background:#FFF; height:51px;} .form-sep-right2{ display:block; float:right; border-left:1px #CCC solid; width:1px; background:#FFF; height:61px;} .form-sep-long{ display:block; float:left; border-left:1px #CCC solid; width:1px; background:#FFF; height:91px;} .form-subsection date-range disabled{} .date-range{ display: block; width:315px;} .date-range2{ display: block; width:355px;} .form-item form-radio{} .form-text input.text{ width:90px;} .form-text input.text2{ width:125px;} .form-last{} .form-submit { display:block; width:110px; float:right; padding:10px 0px!important; background:0px 0px no-repeat url('../../images/submit_bg.jpg'); } .form-submit2 { display:block; width:110px; float:right; padding:15px 0px!important; background:0px 0px no-repeat url('../../images/submit_bg2.jpg'); } .form-submit input.button{ display:block; cursor:pointer; float:right; width:80px; height:32px; margin-right:15px; border:0px; background:0px -58px no-repeat url('../../images/buttons.png');} .form-submit input.button:hover{ background:0px -91px no-repeat url('../../images/buttons.png');} .form-submit2 input.button{ display:block; cursor:pointer; float:right; width:80px; height:32px; margin-right:15px; border:0px; background:0px -58px no-repeat url('../../images/buttons.png');} .form-submit2 input.button:hover{ background:0px -91px no-repeat url('../../images/buttons.png');} .form-select{ padding-right:15px;} .select-bar .code-select{ display:block; position:absolute; top:10px; left:15px;} /* -----> Titles Styles */ .content_title_fullout{ display:block; width:957px; height:62px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .content_title_fullin{ display:block; width:876px; height:45px; background-color:#2286c4; padding:16px 0px 0px 80px; } .content_title_320out_h{ display:block; width:317px; height:92px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .content_title_320in_h{ display:block; width:236px; height:58px; background-color:#2286c4; padding:33px 0px 0px 80px; } .two_line_title{padding:20px 0px 0px 80px; height:71px; } .content_title_340out{ display:block; width:337px; height:62px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .content_title_340in{ display:block; width:256px; height:45px; background-color:#2286c4; padding:16px 0px 0px 80px; } .content_title_295out_h{ display:block; width:292px; height:92px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .content_title_295in_h{ display:block; width:211px; height:58px; background-color:#2286c4; padding:33px 0px 0px 80px; } .content_title_640out{ display:block; width:637px; height:62px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .content_title_640in{ display:block; width:566px; height:45px; background-color:#5CD4A6; padding:16px 0px 0px 70px; } .account_id{ position:absolute; top:20px; right:20px; color:#FFFFFF; font-size:22px;} .record_icon{display:block; position:absolute; top:3px; left:15px; width:55px; height:55px; background:0px 0px no-repeat url('../../images/icons.png');} .record_icon2{display:block; position:absolute; top:18px; left:15px; width:55px; height:55px; background:0px 0px no-repeat url('../../images/icons.png');} .chart_icon{display:block; position:absolute; top:3px; left:15px; width:55px; height:55px; background:-55px 0px no-repeat url('../../images/icons.png');} .archives_icon{display:block; position:absolute; top:18px; left:15px; width:55px; height:55px; background:-110px 0px no-repeat url('../../images/icons.png');} .invoices_icon2{display:block; position:absolute; top:18px; left:15px; width:55px; height:55px; background:-165px 0px no-repeat url('../../images/icons.png');} .walet_icon2{display:block; position:absolute; top:18px; left:15px; width:55px; height:55px; background:-220px 0px no-repeat url('../../images/icons.png');} .walet_icon{display:block; position:absolute; top:3px; left:15px; width:55px; height:55px; background:-220px 0px no-repeat url('../../images/icons.png');} .note_icon{display:block; position:absolute; top:3px; left:15px; width:55px; height:55px; background:-275px 0px no-repeat url('../../images/icons.png');} .phone_icon2{display:block; position:absolute; top:18px; left:15px; width:75px; height:55px; background:-335px 0px no-repeat url('../../images/icons.png');} .account_icon{display:block; position:absolute; top:2px; left:15px; width:75px; height:55px; background:-355px -101px no-repeat url('../../images/icons.png');} .codes_icon{display:block; position:absolute; top:3px; left:15px; width:75px; height:55px; background:-358px -155px no-repeat url('../../images/icons.png');} .members_icon{display:block; position:absolute; top:18px; left:15px; width:55px; height:55px; background:-305px -185px no-repeat url('../../images/icons.png');} .access_icon{display:block; position:absolute; top:3px; left:15px; width:55px; height:55px; background:0px -55px no-repeat url('../../images/icons.png');} .bulb_icon{display:block; position:absolute; top:5px; left:15px; width:55px; height:55px; background:0px -189px no-repeat url('../../images/icons.png');} /* -----> Icons Tables Styles */ .download_icon{ display:block; width:27px; height:35px; background:0px -110px no-repeat url('../../images/icons.png'); margin:auto;} .delete_icon{ display:block; width:27px; height:35px; background:-27px -110px no-repeat url('../../images/icons.png'); margin:auto;} .details_icon{ display:block; width:27px; height:35px; background:-55px -110px no-repeat url('../../images/icons.png'); margin:auto;} .print_icon{ display:block; width:27px; height:35px; background:-83px -110px no-repeat url('../../images/icons.png'); margin:auto;} .mail_icon{display:block; width:27px; height:35px; background:-168px -110px no-repeat url('../../images/icons.png'); margin:auto;} .editbig_icon{ display:block; width:27px; height:35px; background:-200px -110px no-repeat url('../../images/icons.png'); margin:auto;} .host_icon{display:block; width:35px; height:16px; background:-131px -175px no-repeat url('../../images/icons.png'); margin:auto; float:left; margin:0px 0px 0px 10px;} .guest_icon{display:block; width:44px; height:16px; background:-169px -175px no-repeat url('../../images/icons.png'); margin:auto; float:left; margin:0px 0px 0px 10px;} .remove_icon{display:block; width:27px; height:24px; background:-138px -117px no-repeat url('../../images/icons.png'); margin:auto;} .question_icon{display:block; width:24px; height:21px; background:-114px -119px no-repeat url('../../images/icons.png'); margin:auto;} .mute_icon{display:block; width:26px; height:22px; background:0px 0px no-repeat url('../../images/mute.gif'); margin:auto;} .speaker_icon{display:block; width:26px; height:22px; background:0px 0px no-repeat url('../../images/speaker.gif'); margin:auto;} .speaker_on_icon{display:block; width:26px; height:22px; background:0px 0px no-repeat url('../../images/speaker_on.gif'); margin:auto;} .share_container{ display:block; width:55px; height:55px; margin:auto; position:relative;} .rss_icon{display:block; width:26px; height:26px; background:0px -145px no-repeat url('../../images/icons.png'); top:0px; left:0px; position:absolute;} .embed_icon{display:block; width:26px; height:26px; background:-27px -145px no-repeat url('../../images/icons.png'); top:0px; right:0px; position:absolute;} .twitter_icon{display:block; width:26px; height:26px; background:-54px -145px no-repeat url('../../images/icons.png'); bottom:0px; left:0px; position:absolute;} .facebook_icon{display:block; width:26px; height:26px; background:-82px -145px no-repeat url('../../images/icons.png'); bottom:0px; right:0px; position:absolute;} /* -----> General Tables Styles */ .nice_table{ display:block; width:958px; margin:10px auto 0px auto; background:#FFF; border:1px #c7ccd5 solid; } .nice_table tr td{ text-align:center; } .nice_table thead tr th{ background:#FFFFFF; border-top:1px #FFF solid; border-left:1px #FFF solid; border-right:1px #c7ccd5 solid; border-bottom:1px #c7ccd5 solid; text-align:center; padding:10px 0px; color: #86898B; font-size:13px;} .nice_table thead tr th.last{border-right:1px #FFFFFF solid;} .nice_table tr td.aleft{ text-align:left!important;} .nice_table tbody tr td{padding:10px 0px; } .nice_table tbody tr td.title_td{padding:15px 10px 15px 20px; } .nice_table tbody tr td{ border-bottom:1px #CCC solid;} .nice_table tbody tr:hover{ background:#F5F5F3;} .nice_table tr td span.time{ color: #999; font-size:12px;} .nice_table tr td span.date{ font-size:12px;} .nice_table tfoot tr td{ background:#c5c5c5; padding:10px 20px; } .nice_table tfoot tr td p{ padding:0px 0px; } .calendar_icon{ width:15px; height:15px; background:-17px -176px no-repeat url('../../images/icons.png'); display:block; float:left; margin-right:5px;} .clock_icon{ width:15px; height:15px; background:-33px -175px no-repeat url('../../images/icons.png'); display:block; float:left; margin-right:5px;} .pages_count{ display:block; float:left; font-size:12px; color:#334763; padding-top:7px;} .pagination{ display:block; float:right; font-size:12px; color:#a9a9a9; } .next{ display:block; width:60px; padding:5px 0px; text-align:center; font-size:12px; background:#f2f2f2; float:left; border:1px #FFF solid; margin-left:3px; color:#a9a9a9; } .prev{display:block; width:60px; padding:5px 0px; text-align:center; font-size:12px; background:#f2f2f2; float:left; border:1px #FFF solid; margin-left:3px; color:#a9a9a9; } .page-number{display:block; width:20px; padding:5px 0px; text-align:center; font-size:12px; background:#f2f2f2; float:left; border:1px #FFF solid; margin-left:3px; color:#a9a9a9; } .separator{display:block; width:20px; padding:5px 0px; text-align:center; font-size:12px; font-weight: bold; background:#f2f2f2; float:left; border:1px #FFF solid; margin-left:3px; color:#a9a9a9; } .active,.page-number:hover{display:block; width:20px; padding:5px 0px; text-align:center; font-size:12px; background:#334763; float:left; border:1px #3E526D solid; margin-left:3px; color:#FFF; } .item-number{ display:block; float:right; font-size:12px; color:#FFF; } .table_shadow{ display:block; margin:0px; width:960px; height:20px; background:0px 0px no-repeat url('../../images/table_shadow.jpg'); } .table_shadow_small{ display:block; margin:0px; width:650px; height:20px; background:0px 0px no-repeat url('../../images/table_shadow_small.jpg'); } .text_right{ text-align:right;} /* -----> Record Tables / Others Styles */ .recording_select{ width:165px;} .record_table thead tr th.title{ width:675px; } .record_table thead tr th.download{width:100px;} .record_table thead tr th.dialin{width:200px;} .record_table thead tr th.status{width:100px; } .record_table thead tr th.delete{width:80px;} .record_table thead tr th.share{width:180px;} .record_table .line_title{ font-size:16px; display:block; clear:both; padding-bottom:5px;} .record_table .line_desc{ font-size:12px;display:block; clear:both; color:#acacac;padding-bottom:10px;} .record_table .record_details{ display:block; clear:both; width:490px; position:relative; height:23px; } .record_table .player{ display:block; width:199px; height:23px;} .record_table .date{ display:block; width:140px; background:#f4f4f4; color:#8d8d8d; height:17px; position:absolute; top:1px; left:204px; font-size:12px; padding:6px 0px 0px 10px;} .record_table .time{ display:block; width:80px; background:#353A3E; color:#FFFFFF; height:17px; position:absolute; top:1px; left:358px; font-size:12px; padding:6px 0px 0px 10px; } /* Transcribe table */ .transcribe_table thead tr th.title{ width:600px; } .transcribe_table thead tr th.submitdate{width:200px;} .transcribe_table thead tr th.status{width:100px; } .transcribe_table thead tr th.download{width:100px;} /* -----> Executive Summary Tables / Others Styles */ .summary_table thead tr th.year{ width:317px; } .summary_table thead tr th.minutes{width:317px;} .summary_table thead tr th.detail{width:317px; } .summary_table_2 thead tr th.year{ width:476px; } .summary_table_2 thead tr th.minutes{width:476px;} /* -----> Call Archives Tables / Others Styles */ .carchive_table thead tr th.id{ width:100px; } .carchive_table thead tr th.code{width:415px;} .carchive_table thead tr th.starttime{width:150px; } .carchive_table thead tr th.endtime{width:150px;} .carchive_table thead tr th.participants{width:133px;} /* -----> Call Archives Tables / Others Styles */ .carchive_details_table thead tr th.phonenumber{ width:315px; } .carchive_details_table thead tr th.name{width:200px;} .carchive_details_table thead tr th.ctime{width:150px; } .carchive_details_table thead tr th.dtime{width:150px;} .carchive_details_table thead tr th.type{width:133px;} .carchive_details_table tbody tr td.phonenumber{ padding-left:10px;text-align:left; } .detais_box1{ font-size:12px; position:relative; display:block; width:326px; border-right:1px #CCC solid;height:76px; line-height:20px; color: #999; padding:15px 0px 0px 25px;} .detais_box2{ font-size:12px; position: absolute; top:0px; right:0px; display:block; width:246px; border-left:1px #FFF solid; height:76px; line-height:20px; color: #999; padding:15px 0px 0px 25px;} /* -----> Recording Access Tables / Others Styles */ .recording_access_table thead tr th.fname{ width:150px; } .recording_access_table thead tr th.lname{width:150px;} .recording_access_table thead tr th.email{width:265px; } .recording_access_table thead tr th.conferencecode{width:150px;} .recording_access_table thead tr th.date{width:133px;} .recording_access_table thead tr th.actions{width:100px;} .recording_access_table thead tr th.recordingtitle{width:365px;} .recording_access_table thead tr th.downloads{width:100px;} .recording_access_table thead tr th.plays{width:100px;} /* -----> Invoice Tables / Others Styles */ .invoice_table thead tr th.invoice{ width:198px; } .invoice_table thead tr th.date{width:200px;} .invoice_table thead tr th.total{width:150px; } .invoice_table thead tr th.balance{width:150px;} .invoice_table thead tr th.details{width:150px;} .invoice_table thead tr th.print{width:100px;} /* -----> Invoice Details Tables / Others Styles */ .invoice_details_table thead tr th.date{ width:158px; } .invoice_details_table thead tr th.product_desc{width:300px;} .invoice_details_table thead tr th.amount{width:150px; } .invoice_details_table thead tr th.quantity{width:150px;} .invoice_details_table thead tr th.details{width:200px;} /* ------> Related payments in the invoice detail */ .invoice_details_payments_table thead tr th.number{ width:150px; } .invoice_details_payments_table thead tr th.date{ width:150px; } .invoice_details_payments_table thead tr th.amount{width:150px; } .invoice_details_payments_table thead tr th.payment_type{width:200px;} .invoice_details_payments_table thead tr th.confirmation_number{width:150px;} .invoice_details_payments_table thead tr th.details{width:150px;} /* ------> Related invoices in the payment detail */ .payment_details_invoice_table thead tr th.number{ width:150px; } .payment_details_invoice_table thead tr th.date{ width:150px; } .payment_details_invoice_table thead tr th.amount{width:200px; } .payment_details_invoice_table thead tr th.details{width:150px;} .payment_details_invoice_table thead tr th.print{width:150px;} /* ------> Related call table */ .payment_relatedcalls_table tbody tr td{ width:75px; text-align: center;} .payment_relatedcalls_table tbody tr th.callingparty{ width:350px; text-align: center; } .payment_relatedcalls_table tbody tr th.role{ width:150px; text-align: center; } .payment_relatedcalls_table tbody tr th.time{ width:150px; text-align: center; } .payment_relatedcalls_table tbody tr th { background: #f9e1a3; border-top: 1px white solid; border-left: 1px white solid; border-right: 1px #C7CCD5 solid; border-bottom: 1px #C7CCD5 solid; text-align: left; padding: 10px 0px; color: #7C8C9F; font-size: 13px; } #trTFCTotal{ font-size:17px; display:block; padding-right:40px; width:916px; } .totel_line{ display:block; padding:10px; text-align:right} .total{ padding:5px; font-weight:bold;} .balance{ border-top:2px #7084A1 solid; color:#f79521; font-size:20px; margin-top:10px; } .print_small{width:17px; height:15px; background:-260px -174px no-repeat url('../../images/icons.png'); display:block; float:right; margin-left:5px; } .pdf{width:15px; height:15px; background:-280px -174px no-repeat url('../../images/icons.png'); display:block; float:right; margin-left:5px; } /* -----> Access Codes Tables / Others Styles */ .accesscodes_table thead tr th.created{ width:148px; } .accesscodes_table thead tr th.assigned{ width:140px; } .accesscodes_table thead tr th.ccode{width:390px;} .accesscodes_table thead tr th.hostcode{width:120px; } .accesscodes_table thead tr th.gsc{width:170px;} .accesscodes_table thead tr th.email{width:150px;} .generate-button{ display:block; width:223px; height:33px; background:0px -170px no-repeat url('../../images/buttons.png'); position:absolute; top:15px; right:20px; } .generate-button:hover { display:block; width:223px; height:33px; background:0px -203px no-repeat url('../../images/buttons.png'); position:absolute; top:15px; right:20px; } .gb,.gb:hover{ top:10px!important; right:20px; } .click_2 { width:100px;} .assign_user{ display:block; width:141px; height:32px;background:-141px -237px no-repeat url('../../images/buttons.png'); margin:0px auto; cursor:pointer; } .assign_user:hover{ display:block; width:141px; height:32px;background:-141px -268px no-repeat url('../../images/buttons.png'); margin:0px auto; } /* -----> Access Codes Tables List / Others Styles */ .accesscodes_table_list thead tr th.created{ width:168px; } .accesscodes_table_list thead tr th.assign-to{ width:70px; } .accesscodes_table_list thead tr th.ccode{width:240px;} .accesscodes_table_list thead tr th.hostcode{width:170px; } .accesscodes_table_list thead tr th.assign{width:200px;} .assign_user{ display:block; width:141px; height:32px;background:-141px -237px no-repeat url('../../images/buttons.png'); margin:0px auto; cursor:pointer; border:0px; } .assign_user:hover{ display:block; width:141px; height:32px;background:-141px -268px no-repeat url('../../images/buttons.png'); margin:0px auto; } /* -----> payments Tables / Others Styles */ .payments_table thead tr th.id{ width:178px; } .payments_table thead tr th.date{width:150px;} .payments_table thead tr th.amount{width:150px; } .payments_table thead tr th.type{width:100px;} .payments_table thead tr th.cnumber{width:168px;} .payments_table thead tr th.details{width:100px;} .payments_table thead tr th.print{width:100px;} /* -----> members Tables / Others Styles */ .members_table thead tr th.created{ width:178px; } .members_table thead tr th.eaddress{width:280px;} .members_table thead tr th.conferencecode{width:125px; } .members_table thead tr th.firstname{width:125px; } .members_table thead tr th.lastname{width:125px;} .members_table thead tr th.ccode{width:168px;} .members_table thead tr th.edit{width:70px;} .members_table thead tr th.delete{width:70px;} /* Payment table info */ .payment_table_info th, .payment_table_info td { border: medium none; padding: 0 0 14px; text-align: left; } .payment_table_info th { padding-right: 20px } /* Invoice table info */ .invoice_table_info th, .invoice_table_info td { border: medium none; padding: 0 0 14px; text-align: left; } .invoice_table_info th { padding-right: 20px } .new-member{ display:block; width:200px; float:left; height:30px;} .new-member-button{ display:block; width:140px; height:32px;background:0px -237px no-repeat url('../../images/buttons.png'); position:absolute; top:10px; left:28px; } .new-member-button:hover{ background:0px -268px no-repeat url('../../images/buttons.png');} .search-member{ display:block; float:right; font-size:16px; margin-right:35px;} #search-field{ width:200px;} .assign_code{ display:block; width:108px; height:28px;background:-78px 0px no-repeat url('../../images/buttons.png'); margin:0px auto;cursor:pointer; border:0px; } .assign_code:hover{ display:block; width:108px; height:28px;background:-78px -29px no-repeat url('../../images/buttons.png'); margin:0px auto; } .create_new_user{ display:block; width:141px; height:32px;background:-83px -58px no-repeat url('../../images/buttons.png'); margin:0px auto; position:absolute; right:30px; top:10px; } .create_new_user:hover{ display:block; width:141px; height:32px;background:-83px -89px no-repeat url('../../images/buttons.png'); margin:0px auto; } .yes-bt{ display:block; width:48px; height:28px;background:-187px 0px no-repeat url('../../images/buttons.png'); cursor:pointer; border:0px; margin-left:10px; } .yes-bt:hover{ display:block; width:48px; height:28px;background:-187px -29px no-repeat url('../../images/buttons.png'); } /* -----> members Tables List / Others Styles */ .nice_table_short{ display:block; width:750px!important; margin:10px auto 0px auto; background:#FFF; border:1px #c7ccd5 solid; } .members_table_list thead tr th.created{ width:178px; } .members_table_list thead tr th.eaddress{width:240px;} .members_table_list thead tr th.firstname{width:175px; } .members_table_list thead tr th.lastname{width:175px;} .members_table_list thead tr th.assign-to{width:88px;} .members_table_list thead tr th.edit{width:70px;} .members_table_list thead tr th.delete{width:70px;} /* -----> Recording Access Tables / Others Styles */ .billin_summary_table thead tr th.product{ width:417px; } .billin_summary_table thead tr th.quantity{width:117px;} .billin_summary_table thead tr th.pmr{width:217px; } .billin_summary_table thead tr th.ppm{width:200px; } .general_info_box_out{display:block; position:relative; top:0px; right:0px; width:957px; height:150px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; margin:20px 0px 0px 0px; } .general_info_box_in{display:block; width:916px; height:119px; background-color:#ddeaf0; color:#7084a1; padding:15px 20px; } .company_info_box_out{display:block; position:relative; top:0px; right:0px; width:957px; height:200px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; margin:20px 0px 0px 0px; } .company_info_box_in{display:block; width:916px; height:169px; background-color:#ddeaf0; color:#7084a1; padding:15px 20px; } .organization_box_out{display:block; position:relative; top:0px; right:0px; width:957px; height:150px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; margin:20px 0px 0px 0px; } .organization_box_in{display:block; width:916px; height:119px; background-color:#ddeaf0; color:#7084a1; padding:15px 20px; } .card_box_out{display:block; position:relative; top:0px; right:0px; width:957px; height:150px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; margin:20px 0px 0px 0px; } .card_box_in{display:block; width:916px; height:119px; background-color:#ddeaf0; color:#7084a1; padding:15px 20px; } .call_not_started_out{display:block; position:relative; top:0px; right:0px; width:957px; height:300px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; margin:20px 0px 0px 0px; } .call_not_started_in{display:block; width:916px; height:269px; background-color:#ddeaf0; color:#7084a1; padding:15px 20px; } .member_details_box_out{display:block; position:relative; width:957px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; margin:20px 0px 0px 0px; } .member_details_box_in{display:block; width:916px; background-color:#ddeaf0; color:#7084a1; padding:15px 20px; } .clear_box{display:block; position:relative; width:916px; clear:both;} .box_title{ display:block; position:relative; width:916px; border-bottom:1px #CCC solid; height:25px; font-size:20px;} .box_content{ display:block; position:relative; width:916px; height:80px; border-top:1px #FFF solid; padding-top:13px; } .box_content_any{ display:block; position:relative; width:916px; border-top:1px #FFF solid; padding-top:13px; } .left_box{ display:block; width:448px; float:left; height:80px;} .right_box{display:block; position:relative; width:448px; float:right; height:80px;} .box_content table tr td{ padding:5px;} .make_payment{display:block; position:absolute; top:0px; right:100px; cursor:pointer; width:115px; height:22px; background:0px -124px no-repeat url('../../images/buttons.png');} .make_payment:hover{background:0px -147px no-repeat url('../../images/buttons.png');} .edit_bt{ display:block; width:125px; text-align:right; position:absolute; top:0px; right:0px; font-size:14px;} .password_bt{display:block; width:145px; text-align:right; position:absolute; top:0px; right:145px; font-size:14px; border-right:1px #CCC solid; padding-right:20px; cursor:pointer; color: #97c978;} .password_bt:hover{ color:#4788ba;} /* -----> Manage Calls Tables / Others Styles */ .note_box_out{display:block; position:relative; top:0px; right:0px; width:957px; height:250px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; margin:20px 0px 0px 0px; } .note_box_in{display:block; width:916px; height:219px; background-color:#ddeaf0; color:#7084a1; padding:15px 20px; } .numbers_bg{ background:0px 20px no-repeat url('../../images/numbers.jpg'); padding-top:25px; border-bottom:1px #CCC solid; height:100px; } .note1{ display:block; width:330px; float:left; padding:0px 0px 0px 40px; } .note2{ display:block; width:250px; float:left; padding:0px 0px 0px 40px;} .note3{ display:block; width:210px; float:left; padding:0px 0px 0px 40px;} .bigf{ font-size:22px; color:#336;} .mediumf{ font-size:18px; color:#336; padding-bottom:5px; display:block;} .note_full{display:block; position:relative; width:916px; height:80px; border-top:1px #FFF solid; padding-top:13px; padding:20px 0px; text-align:center; font-size:18px;} .detais_box3{ font-size:12px; position: absolute; top:0px; right:0px; display:block; width:271px; border-left:1px #FFF solid; height:76px; line-height:20px; color: #999; padding:15px 0px 0px 25px;} .sidebar{ height:400px; width:298px; float: left; display:block; } .manage_wrap_out{display:block; width:292px; height:360px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; position:absolute;} .manage_wrap_in{display:block; width:291px; height:359px; background-color:#ddeaf0; padding:0px 0px 0px 0x;} /* -- Floating menu -- */ ul#floatMenu { position: absolute; top: 0; } .nice_table_small{ display:block; width:650px; margin:0px auto 0px auto; background:#FFF; border:1px #c7ccd5 solid; } .nice_table_small tr td{ text-align:center; } .nice_table_small thead tr th{ background:#ddeaf0; border-top:1px #FFF solid; border-left:1px #FFF solid; border-right:1px #c7ccd5 solid; border-bottom:1px #c7ccd5 solid; text-align:center; padding:10px 0px; color: #927f4d; font-size:13px;} .nice_table_small thead tr th.last{border-right:1px #FFFFFF solid;} .nice_table_small tr td.aleft{ text-align:left!important; padding-left:10px;} .nice_table_small tbody tr td{padding:10px 0px; font-size:12px; } .nice_table_small tbody tr td.title_td{padding:15px 10px 15px 20px; } .nice_table_small tbody tr td{ border-bottom:1px #CCC solid;} .nice_table_small tbody tr:hover{ background:#f7f7f7;} .click{ float:left;} .table_content{ width:652px; float: right; display:block; } .manage_calls_table thead tr th.jointime{ width:70px; } .manage_calls_table thead tr th.number{width:120px;} .manage_calls_table thead tr th.name{width:250px; } .manage_calls_table thead tr th.mute{width:70px;} .manage_calls_table thead tr th.qa{width:70px;} .manage_calls_table thead tr th.remove{width:70px;} .menu_header{ display:block; height:30px; width:241px; font-size:17px; padding:15px 0px 0px 50px; border-bottom:1px #FFF solid; background: #ddeaf0 top left no-repeat url('../../images/manage_header_bg.jpg'); } .manage_menu{ border-bottom:1px #c7ccd5 solid;} .manage_menu li{ margin:0px!important; padding:0px!important; } .manage_menu li a{ display:block; position:relative; height:27px; width:236px; font-size:17px; padding:7px 0px 0px 55px; border-bottom:1px #FFF solid; border-top:1px #c7ccd5 solid; color: #a7a7a7; position:relative; font-size:14px; } .manage_menu li.on a{ display:block; height:27px; width:236px; font-size:17px; padding:7px 0px 0px 55px; border-bottom:1px #FFF solid; border-top:1px #c7ccd5 solid; color: #6e87a4; position:relative; font-size:14px; } .manage_menu li a:hover { display:block; height:27px; width:236px; font-size:17px; padding:7px 0px 0px 55px; border-bottom:1px #FFF solid; border-top:1px #c7ccd5 solid; color: #6e87a4; position:relative; font-size:14px; background:#fff; } .manage_menu li #confirmend { display:block; height:27px; width:236px; font-size:17px; padding:7px 0px 0px 55px; border-bottom:1px #FFF solid; border-top:1px #c7ccd5 solid; color: #a7a7a7; position:relative; font-size:14px; cursor:pointer; } .manage_menu li.on #confirmend { display:block; height:27px; width:236px; font-size:17px; padding:7px 0px 0px 55px; border-bottom:1px #FFF solid; border-top:1px #c7ccd5 solid; color: #6e87a4; position:relative; font-size:14px; cursor:pointer; } .manage_menu li #confirmend:hover { display:block; height:27px; width:236px; font-size:17px; padding:7px 0px 0px 55px; border-bottom:1px #FFF solid; border-top:1px #c7ccd5 solid; color: #6e87a4; position:relative; font-size:14px; background:#fff; cursor:pointer;} .manage_menu li a .switch,.manage_menu li #confirmend .switch{ width:74px; height:22px; display:block; top:7px; right:10px; position:absolute; background:-331px -55px no-repeat url('../../images/icons.png'); } .manage_menu li.on a .switch,.manage_menu li.on #confirmend .switch{ width:74px; height:22px; display:block; position:absolute;background:-331px -79px no-repeat url('../../images/icons.png'); } .manage_menu li a .mute_all_icon{ width:29px; height:29px; display:block; background:-91px -81px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li.on a .mute_all_icon,.manage_menu li a:hover .mute_all_icon{ width:29px; height:29px; display:block; background:-110px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li a .record_icon{ width:29px; height:29px; display:block; background:-121px -80px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li.on a .record_icon,.manage_menu li a:hover .record_icon{ width:29px; height:29px; display:block; background:-140px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li a .request_icon{ width:29px; height:29px; display:block; background:-151px -81px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li.on a .request_icon,.manage_menu li a:hover .request_icon{ width:29px; height:29px; display:block; background:-170px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li a .continuation_icon{ width:29px; height:29px; display:block; background:-181px -81px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li.on a .continuation_icon,.manage_menu li a:hover .continuation_icon{ width:29px; height:29px; display:block; background:-200px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li a .lock_icon{ width:29px; height:29px; display:block; background:-211px -81px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li.on a .lock_icon,.manage_menu li a:hover .lock_icon{ width:29px; height:29px; display:block; background:-230px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li a .clear_icon{ width:29px; height:29px; display:block; background:-241px -81px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li.on a .clear_icon,.manage_menu li a:hover .clear_icon{ width:29px; height:29px; display:block; background:-260px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li a .toneon_icon{ width:29px; height:29px; display:block; background:-271px -81px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li.on a .toneon_icon,.manage_menu li a:hover .toneon_icon{ width:29px; height:29px; display:block; background:-290px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px;} .manage_menu li a .end_icon{ width:29px; height:29px; display:block; background:-301px -81px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px; cursor:pointer;} .manage_menu li.on a .end_icon,.manage_menu li a:hover .end_icon{ width:29px; height:29px; display:block; background:-320px -145px no-repeat url('../../images/icons.png'); position:absolute; top:3px; left:10px; cursor:pointer;} /* tables Sort */ table.tablesorter thead tr .header { background-image: url('../../images/table-sort/bg.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter thead tr .headerSortUp { background-image: url('../../images/table-sort/asc.gif'); } table.tablesorter thead tr .headerSortDown { background-image: url('../../images/table-sort/desc.gif'); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #c6dee9; color:#FFFFFF; } /* 2.6.3 Forms Pages -----------------------------------------------------------------------------------------------*/ .form-section { margin:0px!important; padding:0px!important; display:block; position:relative; width:900px!important; clear:both;} .form-section li{ display:block; width:600px; padding:10px 0px!important; margin:5px 0px!important; } .form-section li label { display:block; width:200px; float:left; font-size:16px; } .form-section li input { display:block; width:350px; padding:10px; background:#FFF; border:1px #e6ecef solid; } .form-section li.error { display:block; width:350px; padding:10px; background:#FFF; border:1px #ff0000 solid; } .form-section input,.form-section select, .form-section textarea{ display:block; width:350px; padding:10px; background:#FFF; border:1px #e6ecef solid;} .form-section li:hover input,.form-section li:hover select, .form-section li:hover textarea { border:1px #7084A1 solid; } .red{ color:#F00; font-size:16px; } .error-message{ display:block; padding:10px 0px; color:#F00;} .form-section input.red_border{ border:1px #ff0000 solid; } .form-section select.red_border{ border:1px #ff0000 solid; } .form-submit-section{ display:block; width:900px; clear:both; } #liExpDate select{ width:100px!important;} #liCVSCode input{ width:78px!important;} #liCVSCode .field-info{ display:block; width:110px; text-align:center;} .form-submit-section input.button{ display:block; cursor:pointer; float:left; width:80px; height:32px; margin-right:15px; border:0px; background:0px -58px no-repeat url('../../images/buttons.png'); margin:10px 0px 30px 200px;} .form-submit-section input.button:hover{ background:0px -91px no-repeat url('../../images/buttons.png');} /* 2.6.4 Dashboard -----------------------------------------------------------------------------------------------*/ .dasboard_content{display:block; width:660px; float:left;} .dashboard_title_out{ display:block; width:657px; height:62px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .dashboard_title_in{ display:block; width:576px; height:40px; background-color:#2286c4; padding:21px 0px 0px 80px; } .dashboard_title_in { font-size:15px;} .dashboard_chart_box{ display:block; width:657px; border:1px #c7ccd5 solid; background-color:#FFF; padding:10px 1px 10px 1px; text-align:center; margin:5px auto 0px auto;} .dasboard_content .nice_table{ display:block; width:658px; margin:10px auto 0px auto; background:#FFF; border:1px #c7ccd5 solid; } .dashboard_table thead tr th.ccode{ width:240px;} .dashboard_table thead tr th.date{width:150px;} .dashboard_table thead tr th.participants{width:130px;} .dashboard_table thead tr th.detail{width:130px;} /* 2.7 Sidebar -----------------------------------------------------------------------------------------------*/ .dashboard_sidebar{ display:block; width:270px; float:right;} .dashboard_sidebox_out_top{ display:block; width:267px; height:100px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .dashboard_sidebox_in_top{ display:block; width:236px; height:69px; background-color:#ddeaf0; padding:15px 15px 15px 15px; } .dashboard_sidebox_out_bottom{ display:block; width:267px; height:300px; border:1px #c7ccd5 solid; background-color:#FFF; padding:1px 0px 0px 1px; } .dashboard_sidebox_in_bottom{ display:block; width:236px; height:269px; background-color:#ddeaf0; padding:15px 15px 15px 15px; } .dashboard_sidebox_out_bottom h4{ padding-bottom:5px; border-bottom:1px #86A8BA dotted;} .dashboard_sidebox_out_bottom p{ padding:4px 0px 22px 0px; font-size:12px;} .dashboard_sidebox_out_bottom .download_bt{ display:block; margin:0px auto 20px auto;; width:237px; height:15px; padding:10px 0px; background:#f79521; text-align:center; color:#FFF;} .dashboard_sidebox_out_bottom .download:hover{ color:#30445F!important; } /* 2.8 Other Sections -----------------------------------------------------------------------------------------------*/ #tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000} #tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500} #tinycontent {background:#fff} /* POPUP BOX */ .hiden{ display: none; height:1px!important; float:left; width:5px;} .wpcf7-form .car-make, .wpcf7-form .car-registration,.wpcf7-form .car-model, .wpcf7-form .car-stockno { display:block; position:absolute;} #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:101; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ width:570px; height:300px; background:#ddeaf0; border:2px solid #cecece; z-index:102; padding:20px 20px 0px 20px; font-size:13px; } #popupContact2{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ width:800px; height:500px; background:#ddeaf0; border:2px solid #cecece; z-index:102; padding:20px 20px 0px 20px; font-size:13px; } #contactArea{ padding:0px; margin:0px; } #contactArea2{ padding:0px; margin:0px; display:block; width:870px; height:500px; } #popupContact h1,#popupContact2 h1{ text-align:left; color:#7084A1; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:10px; margin-bottom:10px; } #popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; cursor: pointer; } /* 2.9 Footer -----------------------------------------------------------------------------------------------*/ .footer_wrap{ position:relative; display:block; width:100%; background:#da7808;} .footer_container{ position:relative; display:block; width:960px; background:#da7808; margin:0px auto;} .footer_link_box{ display:block; width:220px; float:left; padding:30px 0px 0px 20px;} .footer_link_box h4{ font-size:17px; color:#651a05; padding-bottom:10px; border-bottom:3px #e39843 solid;} .footer_link_box ul{ display:block; padding:15px 0px;} .footer_link_box ul li a{ display:block; padding:8px 0px 7px 0px; color:#FFF; font-size:13px;} .footer_link_box ul li a:hover{ color:#651a05;} .footer_container .last{ text-align:right; font-size:16px; color: #FFF;} .footer_container .last p{ padding:0px;} .footer_container .last h3{ color:#651a05; font-size:20px; } .copy_wrap{ position:relative; display:block; width:100%; height:65px; background:#263955; padding:10px 0px; font-size:12px!important; color:#FFF; line-height:16px;} .copy_container{ position:relative; display:block; width:920px; height:35px; background:#263955; padding:0px 20px; font-size:12px!important; color:#FFF; line-height:16px; margin:0px auto;} .copy_wrap a{ color:#FFF; } .copy_wrap a:hover{ color:#ffffff; text-decoration:underline; } .support_bottom{ position:relative; padding:0px; font-size:16px; color:#FFF; text-align:right; } .support_bottom a{ color:#fff; } .support_bottom span{ font-size:19px; color:#fff; display:block; clear:both; } /* style for popup divs */ .popup { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ background:#ffffff; border:2px solid #cecece; z-index:102; padding:20px 20px 0px 20px; font-size:13px; } .popupCloseButton { font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; cursor: pointer; } .error-field { color:Red; } .error-input { border:1px #FF0000 solid; } .changePasswordDialog { padding:0px; margin:0px; display:block; width:620px; height:300px; }