/* CSS Document */

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}

.search-form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
.search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
.search-form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
* {border:0px; margin:0px; padding:0px;}


.clear {clear:both;}

a {text-decoration:none;}

img {border:0px;}

ol, ul {list-style:none;}

.left {float:left;}

.right {float:right;}


body {font-family:Arial, Helvetica, sans-serif;}


.top_bar {background:#2b2b2b; height:27px; padding:0 15px}

.last_login {float:left; color:#8b8b8b; font-family:"Arial Narrow", Arial; font-size:13px; letter-spacing:1px; line-height:27px;}

.top_right {float:right;}
.top_right a {float:right;}

.log_btn {background:url(../images/avatr.png) no-repeat 15px center #c4183e; height:27px; line-height:27px; font-family:"Arial Narrow", Arial; font-size:15px; color:#fff;; padding:0 20px 0 40px;}

.pswrd_change {background:url(../images/setting.png) no-repeat 15px center #09488d; height:27px; line-height:27px; font-family:"Arial Narrow", Arial; font-size:15px; color:#fff; padding:0 20px 0 40px; margin-left:10px;}

.top_right span  {float:right; line-height:27px; font-family:"Arial Narrow", Arial; font-size:15px; color:#fff;}
.top_right span  strong {color:#c4183e;}


.logo {height:7px; background:url(../images/pattern1.png); box-shadow:0 3px 3px #333; padding:0 15px; position:relative; z-index:99}
.logo a {height:105px; line-height:105px; width:284px; background:url(../images/pattern1.png); display:inline-block; box-shadow:0px 3px 2px #333; margin-top:7px; text-align:center; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px}
.logo a img {vertical-align:middle; padding-top:10px;}

.navigation {background:#c4183e; height:48px; line-height:48px; padding:0 15px}
.navigation p {margin:0px 0 0 165px; color:#fff; font-family:"Arial Narrow", Arial; font-size:17px;}
.navigation ul {float:left; margin:0px 0 0 300px;}
.navigation ul li {float:left; font-size:17px; font-family:"Arial Narrow", Arial; background:url(../images/nav_sprtr.png) no-repeat left center; padding:0 15px; position:relative}
.navigation ul li:first-child {background:none;}
.navigation ul li a {color:#fff;}
.navigation ul li i {display:none;}
.navigation ul li.active {background:#003e86; color:#fff; font-weight:bold; margin-right:-2px; position:relative; z-index:9}
.navigation ul li.active i {display:block; position:absolute; bottom:-6px; left:50%; margin-left:-6px; z-index:9; background:url(../images/nav_active.png); width:13px; height:6px;}

.options_bar {background:url(../images/pattern2.png); height:auto; padding:25px 15px 15px 15px; min-height: 60px; overflow: hidden;
}

.opt_left {float:left; margin:0 0 15px 300px;}
.opt_left h3 {color:#fff; font-size:35px; font-family: 'Oswald', sans-serif; font-weight:400; line-height:32px;}

.prev_next {float:left; margin:4px 0 0 0;}

.current {float:left; font-family: 'Oswald', sans-serif;}
.current a {background:url(../images/nav2bg.png); height:36px; line-height:36px; display:block; margin:0 10px; color:#5d728a; font-size:14px;
border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:0 15px;}

.mwd {float:left;}
.mwd ul {background:url(../images/nav2bg.png) repeat-x; height:36px; line-height:36px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px}
.mwd li {float:left; border-left:1px solid #b1b1b1}
.mwd li:first-child {border-left:0px;}
.mwd li a {display:block; color:#5d728a; font-size:14px; padding:0 15px;}
.mwd li.active a, .mwd li:hover a {background:url(../images/nav2bg.png) repeat-x bottom; color:#1d1d1d}

/*.calender {float:left; margin:0 0 0 20px;}
.calender span {float:left; background:#313131; height:30px; width:120px; margin:0 2px; border-radius:5px}
.calender span i {height:30px; text-align:center; border-right:1px solid #5c5c5c; display:block;}
.calender span input[type="text"] {float:left; width:76px; border:0px; background:none; margin-left:5px; height:30px; line-height:30px; color:#bfbfbf; font-style:italic;}
.search_box .calender {padding:0 0px; margin:0 5px 0 0;}
.search_box .calender span {margin:0px;}
.search_box .calender i {padding:0px;}
*/

.search_box {float:right; text-align:right; margin-left:170px;}
.search_box span {width:115px; margin:0 5px 10px 2px; display:inline-block; float:left;}
.search_box span i {text-align:left; display:block; width:100%; color:#fff; font-size:16px; font-family:'Oswald', sans-serif; text-transform:uppercase; font-style:normal;}
.search_box span i img {padding-top:7px;}
.search_box span select {float:left; line-height:34px; color:#ffffff; height:34px; padding:5px 0; background:#313131; border-radius:5px; border:3px solid #fff; width:115px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,.search_box span select {line-height:26px; height:26px;}
::i-block-chrome,.comments_wrap .add_comment input[type="text"], ::i-block-chrome,.comments_wrap .add_comment textarea{font:15px/0px Arial, Helvetica, sans-serif !important}
}
.search_box span input[type="text"] {float:left; width:99px; line-height:30px; height:30px; color:#fff; padding:0 5px; background:#313131; border-radius:5px; border:3px solid #fff;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.search_box span input[type="text"] {line-height:inherit;}	
}
.search_box input[type="submit"] {height:36px; line-height:36px; width:auto; padding:0 10px; font-size:16px; text-transform:uppercase; box-shadow:none;}

.advnce_search {padding:10px 20px; margin:-15px 0px 20px 0;}
.advnce_search h3 {text-align:left; color:#fff; font-size:20px; font-family: 'Oswald', sans-serif; text-transform:uppercase; padding:0 0 10px 0; font-weight:normal; float:left; padding:25px 15px 0 0;}
.advnce_search span i {text-transform:none; font-size:14px;}

.amount_search {float:left; margin:0 5px 0 2px; border-radius:5px; background:#fff}
.amount_search span {float:left; background:#313131; height:30px; margin:0px; border-radius:5px}


.advance_search2 i {display:table-cell !important; height:50px; vertical-align:bottom;}

.footer {background:#c4183e; height:76px; line-height:76px; text-align:center}
.footer p {color:#fff; font-size:17px; font-family:"Arial Narrow", Arial}

/******************
Weekly Records
*******************/

.employe_color {float:right; width:100%}
.employe_color ul {float:right; margin-top:15px;}
.employe_color li {float:left; color:#000; font-size:12px; font-weight:bold; margin-left:20px; background:none !important; border:0px !important}
.employe_color li i {width:11px; height:11px; float:left; margin:2px 10px 0 0;}
.employe_color li.carpenter i {background:#a58d71;}
.employe_color li.electrician i {background:#81a758;}
.employe_color li.plumber i {background:#5ad4fc;}
.employe_color li.painter i {background:#edfd82;}

.contents {padding:30px 15px;}
.contents table {border:1px solid #d6dde2; border-radius:3px; width:100%; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif}
.contents table th {background:#f4f6f8; border-bottom:1px solid #f9fafb; border-left:1px solid #c7d4dc; height:55px; font-family: 'Oswald', sans-serif; font-size:16px; color:#000}
.contents table th:first-child {border-left:0px;}
.contents table th, .contents table td {text-align:left; padding:5px 0;}
.contents table td {border-left:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5;}
.week_extend table td { width:2.47%}
.contents table td:first-child {border-left:0px;}
.contents table tr:last-child td {border-bottom:0px;}
.contents table .name, .contents table .date {text-align:center;}
.contents table .time {padding-left:15px;}

.grey {background:#e9e9e9}
.grey td {text-align:center !important; font-family: 'Oswald', sans-serif; font-size:12px; color:#000000; border-top:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5 !important;}
.accordion-header td {border-bottom:1px solid #a5a5a5 !important;}

.contents table .name2 {font-size:14px; padding-left:5px}
.contents table .date2 {font-family: 'Oswald', sans-serif; font-size:12px; color:#000; padding-left:5px}

.job_detail {position:relative; width:100%; height:30px;}
.job_detail .job_text {position:absolute; left:0px; top:-5px; height:30px; line-height:14px; padding:5px; min-width:235px;}
.job_detail .job_text span {float:left; padding-right:10px;}


.carpenter {background:#a58d71; border-left:1px solid #a58d71 !important}
.electrician {background:#81a758; border-left:1px solid #81a758 !important;}
.plumber {background:#5ad4fc; border-left:1px solid #5ad4fc !important;}
.painter {background:#edfd82; border-left:1px solid #edfd82 !important;}


.accordion-header {cursor:pointer;}
.ui-state-active i {display:block; float:left; background:url(../images/minus.png) center center no-repeat !important; padding:10px; }
.accordion-header i {display:block; float:left; background:url(../images/plus.png) center center no-repeat; padding:10px;}
.accordion-content {display: none; }

/******************
Login, Forgot Password
*******************/


.loginbg, .greybg {background:url(../images/loginbg.png)}


.loginbox_wrap {text-align:center;}


.login_box {width:635px; height:auto; padding:20px 30px; margin:60px auto; background:url(../images/loginwrapbg.png); border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative; font-family: 'Oswald', sans-serif}
.login_box i.huk {position:absolute; top:-75px; left:50%; background:url(../images/huk.png); margin-left:-56px; width:115px; height:102px;}
.login_box h1 {font-size:36px; font-weight:800; text-align:center; color:#003d8e; margin-top:20px; line-height:40px;}
.login_box span {color:#c4183e;}
.login_box h3 {font-size:22px; font-weight:400; text-align:center; color:#7c818b;}

.login_form {background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; margin:20px 0;}
.login_form input[type="text"], .login_form input[type="password"], .login_form input[type="email"] {border:0px; height:82px; font:24px/82px 'Oswald', sans-serif; color:#6f7278; padding:0 0 0 75px; width:557px;}


.login_form input[type="text"] {box-shadow:inset 0px 2px 2px #c6c7ca; border-bottom:1px solid #bec0c2; background:url(../images/user.png) no-repeat 30px center}
.login_form input[type="password"], .login_form input[type="password"]:-webkit-autofill {border-top:1px solid #fff; background:url(../images/lock.png) no-repeat 30px center}
.login_form input[type="email"] {background:url(../images/email1.png) no-repeat 30px center}


.login_form input:-webkit-autofill, .login_form textarea:-webkit-autofill, .login_form select:-webkit-autofill {background:none;}

.login_box .remember {float:left; margin:5px 0 0 0}
.login_box .remember label {float:left; width:130px; border-right:2px dashed #393939; margin-right:15px; line-height:20px;}
.login_box .remember a {color:#393939;}
.login_box input[type="submit"] {background:#c4183e; height:44px; border:1px solid #b7040b; border-radius:5px; width:auto; margin:0px auto 0 auto; cursor:pointer; display:inherit; box-shadow:0 2px 5px #c1c2c3; font-size:20px; color:#fff; font-family:'Oswald', sans-serif; line-height:44px; text-shadow:0 0 3px #bd2d32; float:right; padding:0 20px;}
.login_box input[type="submit"]:hover {background-position:0 bottom}

.forgot_icon {display:block; text-align:center; padding-top:5px}

/******************
Register Pages
*******************/

.register_box {width:875px; height:auto; padding:40px; margin:100px auto; background:url(../images/loginwrapbg.png); border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative; font-family: 'Oswald', sans-serif}

.register_box i.huk {position:absolute; top:-75px; left:50%; background:url(../images/huk.png); margin-left:-56px; width:115px; height:102px;}
.register_box h1 {font-size:36px; font-weight:800; text-align:center; color:#003d8e; margin-top:20px; line-height:40px;}
.register_box span {color:#c4183e;}
.register_box h3 {font-size:22px; font-weight:400; text-align:center; color:#7c818b;}
.register_box h3 strong {color:#003d8e;}
.register_box h3 span {color:#c4183e; font-weight:700}

.icone {display:block; text-align:center; padding:15px 0;}

.category_menu {width:635px; margin:0 auto 10px auto; overflow:hidden; background:url(../images/category-ico3.png) no-repeat center right #e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; height:60px; position:relative;}
.category_menu i {float:left; width:60px; text-align:center; padding-top:15px;}
.category_menu select {background:none; height:60px; padding:10px 0; position:absolute; left:60px; top:0px; width:600px; color:#6f7278; font-size:24px; font-family:'Oswald', sans-serif}

.register_box .form_link {margin:10px auto ; width:635px; margin:0 auto;}
.register_box .form_link label {float:left; width:130px; border-right:2px dashed #393939; margin-right:15px; line-height:20px;}
.register_box .form_link a {color:#393939;}

.register_box input[type="submit"] {background:url(../images/red_button.png) repeat-x; height:62px; border:1px solid #b7040b; border-radius:5px; width:265px; margin:80px auto 0 auto; cursor:pointer; display:inherit; box-shadow:0 2px 5px #c1c2c3; font-size:36px; color:#fff; font-family:'Oswald', sans-serif; line-height:60px; text-shadow:0 0 3px #bd2d32}
.register_box input[type="submit"]:hover {background-position:0 bottom}

.register_form {width:100%; padding:15px 0;}
.register_form input[type="text"],.register_form input[type="password"], .register_form input[type="tel"], .register_form input[type="email"], .register_form textarea { background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; height:50px; line-height:50px; margin-bottom:20px; width:363px; padding:0 20px; color:#000000; font-size:24px; font-family: 'Oswald', sans-serif}
.register_form textarea  {width:835px; height:110px; line-height:30px; padding:10px 20px;}
.register_form input[type="text"].full {width:835px;}

.register_form h3 {font-size:36px; color:#393939; padding-bottom:20px;}

.select_option {width:875px; margin:0 auto 10px auto; overflow:hidden; background:url(../images/category-ico3.png) no-repeat center right #e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; height:60px;}
.select_option select {background:none; height:60px; padding:10px 0; width:900px; color:#000000; font-size:24px; font-family:'Oswald', sans-serif; margin-left:20px}

.send_info label {color:#000000; font-size:20px; }

.register_form .form_link {float:left; width:500px; margin-top:45px;}
.register_form .form_link img {vertical-align:middle;}
.register_form input[type="submit"] {background:url(../images/red_button.png) repeat-x; height:62px; border:1px solid #b7040b; border-radius:5px; width:265px; margin:30px auto 0 auto; cursor:pointer; display:inherit; box-shadow:0 2px 5px #c1c2c3; font-size:36px; color:#fff; font-family:'Oswald', sans-serif; line-height:60px; text-shadow:0 0 3px #bd2d32; float:right}
.register_form input[type="submit"]:hover {background-position:0 bottom}


/******************
Super Admin
*******************/


.super_admins {width:100%; text-align:left; padding-bottom:20px}
.super_admins ul {margin-left:-25px;}
.super_admins li {display:inline-block; width:360px; height:180px; background:url(../images/loginwrapbg.png); border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative; font-family: 'Oswald', sans-serif; padding:25px; margin:10px 25px; text-align:left}
.super_admins li .picture {float:left; background:#a1a1a1; width:170px; height:160px; border:8px solid #fff; box-shadow:0 0 3px #e1e2e4; margin-right:22px;}
.super_admins li .picture img {width:170px; height:160px;}
.super_admins li ul {margin-left:0px;}
.super_admins li li {width:auto; height:auto; background:none; border:0px; padding:0px; margin:0px; border-radius:0px; box-shadow:none;}

.admin_detail {float:left; width:100%}
.admin_detail h3 {color:#000; font-size:24px; font-weight:600; line-height:25px;}
.admin_detail img {vertical-align:baseline;}
.admin_detail li {border-bottom:1px solid #d9dce1 !important; width:100% !important; box-shadow:0px 1px 0px #fff !important; font-family:Arial, Helvetica, sans-serif !important; color:#000000; padding:12px 0 6px 0 !important; font-weight:bold; font-size:16px !important}

.admin_detail ul {width:100%; margin-bottom:10px; float:left; display:block !important;}
.admin_detail li .admin_active {background:url(../images/tick.png) no-repeat; padding:0 0 0 25px; display:inline-block; font:15px/15px 'Oswald', sans-serif; margin:0 15px 0 5px}
.admin_detail li .admin_active.ok {background-position:0 bottom; color:#da2d34}
.admin_detail li .admin_inactive {background:url(../images/cross.png) no-repeat; padding:0 0 0 25px; display:inline-block; font:15px/15px 'Oswald', sans-serif}
.admin_detail li .admin_inactive.ok {background-position:0 bottom; color:#09488d}

.admin_detail .red_button {float:left}
.admin_detail .grey_button {float:right}

.red_button {background:url(../images/red_button2.png); height:26px; border:1px solid #b7040b; display:inline-block; font:15px/26px 'Oswald', sans-serif; color:#fff; text-shadow:0 0 3px #bd2d32; border-radius:5px; padding:0 10px; box-shadow:0 2px 3px #d8d9db; cursor:pointer;}
.grey_button {background:url(../images/grey_button2.png); height:26px; border:1px solid #393939; display:inline-block; font:15px/26px 'Oswald', sans-serif; color:#fff; text-shadow:0 0 3px #494949; border-radius:5px; padding:0 10px; box-shadow:0 2px 3px #d8d9db; cursor:pointer;}



.other_admins {width:100%; text-align:left; padding-bottom:20px;}

.other_admins h2 {font:35px/45px 'Oswald', sans-serif; color:#000; text-align:left; border-bottom:1px solid #cacaca; box-shadow:0px 1px 0px #fff; margin-bottom:20px; padding-bottom:10px}
.other_admins h2 button {float:right;}

.other_admins li {display:inline-block; width:360px; height:152px; background:url(../images/loginwrapbg.png); border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative; font-family: 'Oswald', sans-serif; padding:12px; margin:5px; text-align:left}
.other_admins li .picture {float:left; background:#a1a1a1; width:130px; height:130px; border:8px solid #fff; box-shadow:0 0 3px #e1e2e4; margin-right:10px;}
.other_admins li .picture img {width:130px; height:130px;}
.other_admins li li {width:auto; height:auto; background:none; border:0px; padding:0px; margin:0px; border-radius:0px; box-shadow:none;}

.other_admins .admin_detail li {padding:5px 0 2px 0 !important}
.other_admins .admin_detail h3 {font-size:20px;}

/******************
Quote Forms
*******************/

.quote_wrap {width:1105px; height:auto; padding:40px; margin:100px auto 30px auto; background:url(../images/loginwrapbg.png); border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative; font-family: 'Oswald', sans-serif}
.quote_wrap i.huk {position:absolute; top:-75px; left:50%; background:url(../images/huk.png); margin-left:-56px; width:115px; height:102px;}
.quote_wrap h1 {font-size:36px; font-weight:800; text-align:center; color:#003d8e; margin-top:20px; line-height:40px;}
.quote_wrap span {color:#c4183e;}
.quote_wrap h3 {font-size:22px; font-weight:400; text-align:center; color:#7c818b;}

.quote_buttons {display:block; text-align:center; padding:15px 0;}
.quote_buttons a {background:url(../images/grey_button3.png); border:1px solid #393939; text-shadow:0 0 3px #494949; height:42px; border-radius:5px; width:265px; cursor:pointer; box-shadow:0 2px 5px #c1c2c3; font-size:36px; font:26px/42px 'Oswald', sans-serif; color:#fff; display:inline-block; margin:0 5px;}

.quote_buttons a:hover, .quote_buttons a.active {background:url(../images/red_button3.png) repeat-x; border:1px solid #b7040b; text-shadow:0 0 3px #bd2d32;}


.quote_form {width:100%;}
.quote_form h4 {color:#003d8e; font:20px/30px 'Oswald', sans-serif; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #bec0c2; box-shadow:0px 1px 0px #fff; margin:20px 0; position:relative;}
.quote_form h4 img {vertical-align:baseline;}
.quote_form h4 .add-more {position:absolute; z-index:99;}

.quote_form .select_option {width:100%; background:url(../images/category-ico5.png) no-repeat center right #e5e7e9; height:38px;}
.quote_form .select_option select {background:none; height:38px; padding:3px 0; width:1110px; color:#000000; font-size:20px; font-family:'Oswald', sans-serif; margin-left:10px}
.popup_wrap .quote_form .select_option select {width:930px;}
.quote_form .jobdetails {position:relative; float:left; background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:inset 0 2px 3px #c6c7ca ,0px 2px 1px #fff; width:1103px}
.quote_form .jobdetails input[type="text"] {width:1083px; padding:0 10px; background:none; border:0px; box-shadow:none; margin:0px; font-size:15px;}
.quote_form .jobdetails textarea {background:none; border-radius:0px; width:1082px; height:200px; font-size:15px;}

.amount_total {width:100%; float:left; text-align:right; border-bottom:1px solid #aeafb1; box-shadow:0 1px 1px #fff; font-size:20px; padding:15px 0 0 0}
.amount_total strong {color:#003d8e;}


.quote_form textarea {background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:inset 0 2px 3px #c6c7ca ,0px 2px 1px #fff; position:relative; padding:0 10px; font:20px/30px 'Oswald', sans-serif; color:#000; width:1082px; height:100px}

.work_requested {width:100%; float:left;}

.property_details {width:100%;}

.quote_form input[type="text"] {width:515px; height:38px; background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:inset 0 2px 3px #c6c7ca ,0px 2px 1px #fff; position:relative; padding:0 10px; font:20px/38px 'Oswald', sans-serif; color:#000; margin-bottom:15px}

.vacant_prprty {float:right; width:535px; font:20px/38px 'Oswald', sans-serif; color:#babbbc;}

.occupier_fields {width:100%;}
.occupier_fields ul {margin-left:-12px;}
.occupier_fields li {float:left; margin-left:12px; position:relative;}
.occupier_fields input[type="text"] {width:338px;}
.occupier_fields li .add-more {position:absolute; right:10px; top:10px; /*background:url(../images/add-more.png); width:22px; height:22px;*/ z-index:99;}


.quote_col {width:535px;}

.quote_col input.date_field {background:url(../images/calender-ico.png) no-repeat 220px center #e5e7e9; float:left; width:235px;}
.quote_col input.time_field {background:url(../images/time-ico.png) no-repeat 220px center #e5e7e9; float:right; width:235px;}
.quote_col textarea {width:515px; height:88px;}
.quote_form input[type="file"] {width:1093px; height:28px; background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:inset 0 2px 3px #c6c7ca ,0px 2px 1px #fff; position:relative; padding:10px 5px; font:20px/38px 'Oswald', sans-serif; color:#000; margin-bottom:15px}



.quote_form input[type="Submit"] {background:url(../images/red_button.png) repeat-x; height:62px; border:1px solid #b7040b; border-radius:5px; width:265px; margin:20px auto 0 auto; cursor:pointer; display:inherit; box-shadow:0 2px 5px #c1c2c3; font-size:36px; color:#fff; font-family:'Oswald', sans-serif; line-height:60px; text-shadow:0 0 3px #bd2d32}
.quote_form input[type="submit"]:hover {background-position:0 bottom}

/***********************
Payment Details
***********************/

.payment_details {}

.payment_details th {border-bottom:1px solid #bfc9d4 !important; height:25px !important; padding:5px 5px 5px 10px !important; font-size:14px !important; text-transform:uppercase}
.payment_details table th:first-child {border-left:1px solid #bfc9d4;}
.payment_details table td {padding:10px 5px 10px 10px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#000; border-left:1px solid #e5e8e8; border-bottom:1px solid #e5e8e8; font-weight: bold;}
.payment_details table td p {padding-bottom:5px;}

.payment_details table td h5 {color:#c4183e; font-size:14px;}

.payment_details table td span.amount {color:#003e86; font-size:16px; font-weight:bold}
.payment_details table td span.blue {color:#003e86;}
.payment_details table td span.green {color:#3a771f;}
.payment_details table td span.red {color:#c4183e;}
.payment_details table td a {color:#000;}

.payment_details table td .fullpaid {text-align:center; width:100%;}
.payment_details table td .fullpaid strong {display:block; background:#3a771f; color:#fff; text-transform:uppercase; padding:3px 5px}
.payment_details table td .fullpaid strong img {vertical-align:middle;}
.payment_details table td .fullpaid p {background:#d7d7d7; line-height:31px; padding-bottom:0px;}

.payment_details table td .payement_due {text-align:center; width:100%;}
.payment_details table td .payement_due strong {display:block; background:#09488d; color:#fff; text-transform:uppercase; padding:3px 5px}
.payment_details table td .payement_due strong img {vertical-align:middle;}
.payment_details table td .payement_due p {background:#b5c8dd; line-height:31px; color:#000; padding-bottom:0px;}


.payment_details table td .payement_overdue {text-align:center; width:100%;}
.payment_details table td .payement_overdue strong {display:block; background:#09488d; color:#fff; text-transform:uppercase; padding:3px 5px}
.payment_details table td .payement_overdue strong img {vertical-align:middle;}
.payment_details table td .payement_overdue p {background:#ff0000; line-height:31px; color:#fff; padding-bottom:0px;}


/***************
PER DAY
*******************/

.per_day {}

.per_day .time2 {text-align:center; font-family: 'Oswald', sans-serif}
.per_day table td {padding:5px 0; height:20px;}
.per_day table td.time2, .names {font-size:14px; color:#2d2d2d; font-weight:bold; font-family: 'Oswald', sans-serif;}
.names td {padding:5px 0px !important; text-align:center !important; width:auto !important}

.daily_job_box {width:100%; position:relative}
.daily_job_box .daily_job_details {position:absolute; top:-16px; left:0px; width:100%;}
.daily_job_box .daily_job_details strong {display:block;}
.daily_job_box .daily_job_details p {padding:5px 5px 5px 5px; color:#2d2d2d;}
.daily_job_box .daily_job_details a {padding:0 5px; color:#2d2d2d; display:block}

/***************
Week Quotes
*******************/

.week_quotes th {font-size:22px !important;}
.week_quotes .names td {font-size:16px}
.week_quotes .time2 {text-align:center; font-family: 'Oswald', sans-serif; font-size:14px; font-weight:bold}
.week_quotes table td {padding:5px 0; height:20px;}

.weekly_quotes {position:relative; width:100%;}
.weekly_quotes .weekly_quote_text {position:absolute; left:0px; top:-16px; background:#ededed; width:100%}
.weekly_quotes .weekly_quote_text p {padding:3px 10px; color:#2d2d2d}
.weekly_quotes .weekly_quote_text a {display:block; padding:0 10px; margin-bottom:10px; color:#2d2d2d; font-weight:bold}
.weekly_quotes .weekly_quote_text span {color:#F00;}

/***************
Day Quotes
*******************/

.day_quotes th, .tradesman_dash th {font-size:22px !important;}
.day_quotes .names, .tradesman_dash .names {background:#dcdcdc;}
.day_quotes .names td, .tradesman_dash .names td {font-size:16px}
.day_quotes .time2 {text-align:center; font-family: 'Oswald', sans-serif; font-size:14px; font-weight:bold}
.day_quotes table td {padding:5px 0; height:20px;}

.daily_quotes {position:relative; width:100%;}
.daily_quotes .daily_quote_text {position:absolute; left:0px; top:-16px; background:#ededed; width:100%; font-size:13px;}
.daily_quotes .daily_quote_text div {padding:10px; display:block;}
.daily_quotes .daily_quote_text p {padding:3px 0px; color:#787878; font-size:13px}
.daily_quotes .daily_quote_text a {display:block; padding:0 10px; margin-bottom:10px; color:#2d2d2d; font-weight:bold; font-size:12px; }
.daily_quotes .daily_quote_text span {color:#F00;}


.appoint p {color:#003e86 !important;}
.appoint strong {color:#1d1d1d;}

.company_name p {color:#003e86 !important; font-weight:bold;}
.amount p {font-size:18px !important; color:#c4183e !important; text-align:center;} 
.amount strong {color:#979797;}

.status li {margin-bottom:1px; padding:1px 5px; font-size:16px;}
.status li.red {background:url(../images/status3.png) #bf1010 right center no-repeat; color:#fff}
.status li.red2 {background:url(../images/status3.png) #ff0000 right center no-repeat; color:#fff}
.status li.green {background:url(../images/status3.png) #236212 right center no-repeat; color:#fff}
.status li.blue {background:url(../images/status3.png) #1f3ac3 right center no-repeat; color:#fff}

.action a {margin-bottom:2px !important;}
.action a img {vertical-align:middle;}

/******************************
Jobs
****************************/

.button1 {display:inline-block; background:#e9edf0; border:1px solid #c4c5c6; border-radius:5px; box-shadow:0 3px 2px #e5e7e8 ,inset 0 0 2px #fff; padding:3px 10px; color:#191919; font-size:15px; text-transform:uppercase; float:right; margin-right:10px;}


.jobs_content th {font-size:22px !important;}
.jobs_content .names {background:#dcdcdc}
.jobs_content .names td {font-size:16px; text-align:center !important}
.jobs_content .time2 {text-align:center; font-family: 'Oswald', sans-serif; font-size:14px; font-weight:bold}
.jobs_content table td {padding:5px 10px; height:20px; text-align:left !important}

.job_detail2 {vertical-align:top;}
.job_detail2 td.jobs {color:#003e86;}
.job_detail2 td.jobs strong {display:block; padding-bottom:10px;}
.job_detail2 td.comp-name {color:#003e86; font-weight:bold}
.job_detail2 td.amount {color:#003e86; font-weight:bold; text-align:center !important; font-size:16px; color:#c4183e}

.job_detail2 td {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold;}
.job_detail2 strong {display:block; color:#000}
.job_detail2 span {display:block; color:#c4183e; font-weight:bold}
.job_detail2 a {display:block; color:#000; font-weight:bold}



/****************************
QUOTE DETAILS
******************************/

.quote_details {width:960px; height:auto; padding:0px 40px 20px 40px; margin:0px auto; background:url(../images/loginwrapbg.png); border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative}

.quote_details h3 {color:#003e86; font-family: 'Oswald', sans-serif; font-size:25px; border-bottom:1px solid #d7d8da; box-shadow:0px 1px 0px #fff; padding:20px 0 5px 0;}
.quote_details h3 a {float:right;}
.quote_details hr {border:0px; border-bottom:1px solid #d7d8da; box-shadow:0px 1px 0px #fff; margin:15px 0}



.agent_detail {width:304px; float:left; margin-right: 24px;}
.agent_detail h3 {border-bottom:0px; box-shadow:none;}
.agent_detail ul { background: #e5e7e9; border: 1px solid #b3b5b7; box-shadow: inset 0 2px 3px #c6c7ca; border-radius: 5px; float:left; width:90%; padding:10px 5%; min-height:135px;}
.agent_detail ul li {float:left; line-height:32px; color:#000; font-size:15px; font-weight:bold; width:100%}
.agent_detail ul li a {color:#000;}
.agent_detail ul li span {color:#003e86; font-size:14px; font-family: 'Oswald', sans-serif;}
.agent_detail ul li.last {width:auto;}

.agent_detail.proprty {float:left; width:100%;}
.agent_detail.proprty ul {width:96%; padding:10px 2%; min-height:35px;}
.agent_detail.proprty ul li {float:left; width:160px}
.agent_detail.proprty ul li:first-child {width:350px;}
.agent_detail.proprty ul li.last {width:auto; float:right;}

.job_detail_wrap {}
.job_detail_wrap .grey_button {float:right; margin-left:10px;}
.job_detail_wrap h3 {margin-bottom:15px;}
.job_detail_wrap h4 {padding:15px 0px 10px 0px; font:20px/20px 'Oswald', sans-serif; color:#003e86; font-weight:normal; position:relative}
.job_detail_wrap h4 .add-more {position:absolute; bottom:10px; right:0px; /*background:url(../images/add-more.png); width:22px; height:22px;*/ z-index:99;}

.job_detail3 {background:#e5e7e9; border:1px solid #b3b5b7; box-shadow:inset 0 2px 3px #c6c7ca; border-radius:5px; margin-bottom:10px;}



.job_desp {padding:10px 15px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-weight:bold;}
.job_desp span {color:#003e86; font:15px/15px 'Oswald', sans-serif; font-weight:bold; text-transform:none; float:left; width:110px;}
.job_desp p {float:left; width:810px;}

.keys_box_wrap {float:left; width:100%;}
.keys_box_wrap .grey_button {float:right; margin-top:15px}
.keys_box {width:450px;}
.keys_box h3 {border-bottom:0px; box-shadow:none;}
.keys_box table th {text-align:center; background:#f3f4f6; height:30px; line-height:30px; padding:0px; color:#959596;}
.keys_box table td {padding:10px; background:#fcfcfd; border-bottom:1px solid #d8d8d9; border-left:1px solid #d8d8d9; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px}


.staff_details .grey_button {margin-top:15px;}
.staff_details h3 {border-bottom:0px; box-shadow:none;}

.staff_details table th {text-align:center; background:#f3f4f6; height:30px; line-height:30px; padding:0px; color:#959596;}
.staff_details table td {padding:10px; background:#fcfcfd; border-bottom:1px solid #d8d8d9; border-left:1px solid #d8d8d9; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
.staff_details table td strong {color:#003e86; font-size:14px; font-family: 'Oswald', sans-serif}
.staff_details table td span {color:#db3239; font-size:18px;}

.staff_details .status {position:relative;}
.staff_details .status .red {display:inline-block; background:#c4183e; color:#fff; font-size:14px; width:75%; padding:5px 0}
.staff_details .status span img {vertical-align:middle;}

.drop_status {float:right; cursor:pointer}
.status_options {display:none; position:absolute; top:30px; right:0px; width:300px; background:#fff; border:1px solid #d8d8d9}
.status_options li {text-align:left; padding:3px 10px;}

.comments_wrap {width:100%; float:left}

.notes_wrap {float:left; width:100%;}
.notes_wrap .grey_button {float:right; margin-top:15px}
.notes {width:450px;}
.notes h3 {border-bottom:0px; box-shadow:none;}
.notes table th {background:#f3f4f6; height:30px; line-height:30px; padding:0px 10px; color:#959596;}
.notes table td {padding:10px; background:#fcfcfd; border-bottom:1px solid #d8d8d9; border-left:1px solid #d8d8d9; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px}

.comments_wrap ul {padding:10px 0 0px 0}
.comments_wrap ul li {margin-bottom:10px; float:left; width:100%}
.comments_wrap ul li .pic {float:left; width:40px; padding:5px; background:#fff; border:1px solid #dcdddf; box-shadow:0 0 3px #eaebed; border-radius:5px;}
.comments_wrap ul li .pic img {width:100%; height:40px}
.comments_wrap ul li .comment {float:right; width:938px; padding:5px 10px; background:#fff; border:1px solid #dcdddf; box-shadow:0 0 3px #eaebed; border-radius:5px; font-size:12px; min-height:40px; color:#000;}
.comments_wrap ul li .comment .name {float:left;}
.comments_wrap ul li .comment .time_date {float:right;}
.comments_wrap ul li .comment p {color:#000; padding-top:5px; text-align:left}

.comments_wrap ul li .comment.job {background:#e3f1f7}
.comments_wrap ul li .comment.job p {color:#000;}

.comments_wrap .add_comment {width:100%; min-height:40px; background:#fff; border:1px solid #dcdddf; box-shadow:0 0 3px #eaebed; border-radius:5px; float:left; box-shadow:inset 0 2px 2px #dcdddf; position:relative;}
.comments_wrap .add_comment input[type="text"], .comments_wrap .add_comment textarea {width:650px; padding:0 292px 0 15px; height:40px; float:left; background:none; border:0px; font:15px/40px Arial, Helvetica, sans-serif;}

.comments_wrap .add_comment input[type="submit"].private {background: url(../images/grey_button3.png);
height: 30px;
border: 1px solid #393939;
display: inline-block;
font: 15px/30px 'Oswald', sans-serif;
color: #fff;
text-shadow: 0 0 3px #494949;
border-radius: 5px;
padding: 0 10px;
box-shadow: 0 2px 3px #d8d9db; cursor:pointer; position:absolute; top:5px; right:150px; width:140px;}
.comments_wrap .add_comment input[type="submit"].public {background: url(../images/red_button3.png);
height: 30px;
border: 1px solid #b7040b;
display: inline-block;
font: 15px/30px 'Oswald', sans-serif;
color: #fff;
text-shadow: 0 0 3px #bd2d32;
border-radius: 5px;
padding: 0 10px;
box-shadow:0 2px 3px #d8d9db; cursor:pointer; position:absolute; top:5px; right:5px; width:140px;}
.upload_section {float:left; width:100%;}
.upload_section h3 span {color:#000; font-size:15px;}
.upload_section ul {margin:0 0 25px -25px; float:left}
.upload_section ul li {float:left; width:156px; height:106px; background:url(../images/imgbg1.png); border-radius:5px; padding:7px; margin:15px 0 0 27px; position:relative}
.upload_section ul li:hover {background:url(../images/imgbg2.png)}
.upload_section ul li img {width:100%; height:100%; border-radius:5px;}
.upload_section ul li a {position:absolute; width:100%; height:100%; left:0px; top:0; display:none}
.upload_section ul li:hover a {display:block;}
.upload_section ul li a i {background:url(../images/enlarg.png) no-repeat right bottom; width:37px; height:38px; position:absolute; bottom:7px; right:7px;}

.img_popup {padding:10px;}
.rotate_img {width:1000px; height:500px; text-align:center; line-height:500px; display:table-cell; vertical-align:middle; overflow:hidden}
.rotate_img img {max-width:100%; height:auto;}
.img_popup input[type="button"] {text-transform:uppercase; display:inline-block; cursor:pointer}

.add_files {float:left; width:100%; position:relative}

.add_files input[type="file"] {background:#fff; border:1px solid #dcdddf; box-shadow:0 0 3px #eaebed; border-radius:5px; width:940px; padding:8px 10px;}
.add_files .red_button {position:absolute; right:5px; top:6px}
.add_files1 input[type="file"] {background:#fff; border:1px solid #dcdddf; box-shadow:0 0 3px #eaebed; border-radius:5px; width:900px; padding:8px 10px;}
.add_files1 .red_button {position:absolute; right:5px; top:6px}

.file_upload li {text-align:center; width:160px; margin:15px 0; float:left; border-left:1px solid #d5d6d8; padding:0 15px}
.file_upload li:first-child {border-left:0px;}
.file_upload li a {color:#959596; font-size:12px; text-align:center; margin-top:10px;}
.file_upload li a img {vertical-align:middle;}


.message_wrap h3 {border-bottom:0px; box-shadow:none;}

.message_wrap table th {background:#f3f4f6; height:30px; line-height:30px; padding:0px 10px; color:#000000; text-align:center}
.message_wrap table td {padding:10px; background:#fcfcfd; border-bottom:1px solid #d8d8d9; border-left:1px solid #d8d8d9; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px}

.message_wrap table td span {display:block; color:#003e86; font-size:14px; font-family: 'Oswald', sans-serif}
.message_wrap table td a {color:#c4183e;}
.message_wrap table td strong a {color:#000;}
.message_wrap table .grey td {background:#e9e9e9; text-align:left !important}
.message_wrap table td img img {vertical-align:middle;}



/****************************
QUOTE SLIP
******************************/

.quote_slip {width:860px; margin:0 auto; position: relative; border:1px solid #cecece; background:#fff; padding:32px 50px;}
.slip_btm {background:url(../images/slip_bottom.png); width:960px; height:9px; position:absolute; bottom:-10px; left:-1px;}

.quote_slip h1 {position:absolute; left:-11px; top:32px; background:url(../images/quotation.png); width:267px; height:72px; padding-top:10px; text-align:center; font:38px/72px 'Oswald', sans-serif; color:#fff; text-transform:uppercase}

.client_info {float:left; width:300px; margin:100px 0 0 0; font-size:12px; color:#333333; line-height:18px;}
.client_info h3 {font:25px/40px 'Oswald', sans-serif; color:#c4183e; font-weight:bold}
.client_info h4 {font:16px/20px 'Oswald', sans-serif; color:#003e86; font-weight:bold; padding-bottom:5px;}
.client_info a {color:#61686d;}

.company_info {float:right; width:300px; margin:8px 0 0 0; font-size:12px; color:#333333; line-height:18px; text-align:right}
.company_info h3 {font:25px/40px 'Oswald', sans-serif; color:#c4183e; padding-top:15px; font-weight:bold}
.company_info a {color:#61686d;}
.company_info span {color:#003e86; font-weight:bold}

.slip_nmber {width:600px; float:left; margin-bottom:20px; margin-top:30px;}
.slip_nmber h2 {color:#003e86; font:38px/50px 'Oswald', sans-serif}
.slip_nmber span {color:#000000; font-weight:bold; font-size:16px;}
.slip_nmber p {font-size:12px; color:#a1a7ac}

.slip_detail th {padding:0 20px !important; font-size:18px; text-align:center; color:#63676b !important}
.slip_detail td {padding:10px 20px !important}
.slip_detail td h3 {color:#003e86; font-size:15px; padding-bottom:5px}
.slip_detail td strong {color:#c4183e; font-size:22px; font-family:'Oswald', sans-serif; display:block; text-align:center}

.slip_detail tr.redbg {background:#db3c41; color:#fff}
.slip_detail td h4 {font-size:15px; font-family:'Oswald', sans-serif;}

.slip_totals {width:340px; float:right; margin:30px 0 0 0}
.slip_totals th, .slip_totals td {width:150px !important; height:auto !important; padding:5px 10px !important; color:#63676b; font-family:'Oswald', sans-serif; font-size:14px !important;}
.slip_totals th {text-align:right !important; border-bottom:1px solid #d6dde2 !important}
.slip_totals td {border-bottom:1px solid #d6dde2 !important; border-left:1px solid #d6dde2 !important}
.slip_totals strong {font-size:18px;}
.slip_totals span {color:#c4183e; font-size:30px;}

/**************
ASSIENG QUOTE POPUP
******************/

.popup_wrap {width:920px; height:auto; text-align:center; padding:0px 40px 20px 40px}
.popup_wrap h1 {font:35px/50px 'Oswald', sans-serif; color:#c4183e; font-weight:bold;}
.popup_wrap h5 {font:18px/24px 'Oswald', sans-serif; color:#000; font-weight:300; border-top:1px solid #bec0c2; border-bottom:1px solid #bec0c2; box-shadow:0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff; display:inline-block; padding:3px 15px; margin-bottom:20px}

.popup_wrap h3 {color:#003d8e; font:25px/24px 'Oswald', sans-serif; border-bottom:1px solid #bec0c2; box-shadow:0 1px 0 #fff; margin-bottom:15px; padding-bottom:10px; font-weight:400; text-align:left}

.popup_wrap h4 {color:#003d8e; font:20px/24px 'Oswald', sans-serif; padding-bottom:5px; font-weight:400; text-align:left; position:relative; padding-top:15px}
.popup_wrap .comments_wrap .add_comment textarea {width:611px;}
.popup_form {text-align:left;}

.popup_form .select_option {width:920px; height:38px; margin:0px 0 20px 0; background:url(../images/category-ico5.png) no-repeat right center}
.select_option select {height:38px; font-size:20px; padding:5px 0; width:920px;}
.popup_form .left {margin-right:20px;}
.red_button2 {
background: #dd3e44; /* Old browsers */
background: -moz-linear-gradient(top,  #dd3e44 0%, #d9262d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd3e44), color-stop(100%,#d9262d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dd3e44 0%,#d9262d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dd3e44 0%,#d9262d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dd3e44 0%,#d9262d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dd3e44 0%,#d9262d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3e44', endColorstr='#d9262d',GradientType=0 ); /* IE6-9 */
height: 44px;
border: 1px solid #b7040b;
border-radius: 5px;
width: 290px;
margin:0 auto;
cursor: pointer;
color: #fff;
font:25px/44px 'Oswald', sans-serif;
box-shadow: 0 2px 5px #c1c2c3;
text-shadow: 0 0 3px #bd2d32;
text-align:center; }

.grey_button2 {background: #595959; /* Old browsers */
background: -moz-linear-gradient(top,  #595959 0%, #494949 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#494949)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #595959 0%,#494949 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #595959 0%,#494949 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #595959 0%,#494949 100%); /* IE10+ */
background: linear-gradient(to bottom,  #595959 0%,#494949 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#494949',GradientType=0 ); /* IE6-9 */
height: 44px;
border: 1px solid #2a2a2a;
border-radius: 5px;
width: 290px;
margin:0 auto;
cursor: pointer;
color: #fff;
font:25px/44px 'Oswald', sans-serif;
box-shadow: 0 2px 5px #c1c2c3;
text-shadow: 0 0 3px #3c3c3c;
text-align:center;}

.popup_form textarea {background: #e5e7e9; border: 1px solid #aeafb1; border-radius: 5px; box-shadow: 0px 2px 1px #fff; height: 180px; line-height:30px; margin: 30px 0 0 0; width:880px; padding: 0 20px; color: #000; font-size: 20px; font-family: 'Oswald', sans-serif;}

.popup_form input[type="submit"] {float:none; display:inherit; margin:50px auto 20px auto; font-size:36px; height:64px; line-height:64px;}

.popup_wrap .job_desp p {width:770px; text-align:left}
.popup_wrap .job_detail3 .field1 {float:left; width:285px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-right:1px solid #caccce; border-bottom:1px solid #caccce; box-shadow:1px 1px 0 #fff}
.popup_wrap .job_detail3 .field2 {float:left; width:285px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff;text-align:right;}
.popup_wrap .job_detail3 .field3 {float:left; width:897px; background:none; padding:5px 10px; height:auto; line-height:24px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff}
.popup_wrap .job_detail3 .field4 {float:left; width:897px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff}
.popup_wrap .job_detail3 .field5 {float:left; width:897px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; text-align:right}
#children .job_detail3 {background:url(../images/loginwrapbg.png); border:0px; box-shadow:0 0px 0px; border-radius:0px; margin-bottom:0px;}

.popup_wrap .job_detail3 #QuoteJob_0_hours {background:url(images/hours.png) no-repeat 10px 8px; padding-left:55px; width:240px;}
.popup_wrap .job_detail3 .field2  {background:url(images/material.png) no-repeat 10px 8px; padding-left:80px; width:215px; text-align:left;}
.popup_wrap .job_detail3 .field5 {background:url(images/amount.png) no-repeat 0px 8px; width: 40px; float: right; padding-left: 60px;}
.hrs input[type="text"] {background:url(images/hours.png) no-repeat 10px 11px !important; padding-left:55px !important; width:842px !important;}

.popup_wrap .job_detail3 #QuoteJob_0_hours::-webkit-input-placeholder, .popup_wrap .job_detail3 .field2::-webkit-input-placeholder, .popup_wrap .job_detail3 .field5::-webkit-input-placeholder, .hrs input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #e5e7e9;
}
.popup_wrap .job_detail3 #QuoteJob_0_hours:-moz-placeholder, .popup_wrap .job_detail3 .field2:-moz-placeholder, .popup_wrap .job_detail3 .field5:-moz-placeholder, .hrs input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #e5e7e9;
}
.popup_wrap .job_detail3 #QuoteJob_0_hours::-moz-placeholder, .popup_wrap .job_detail3 .field2::-moz-placeholder, .popup_wrap .job_detail3 .field5::-moz-placeholder, .hrs input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #e5e7e9;
}
.popup_wrap .job_detail3 #QuoteJob_0_hours:-ms-input-placeholder, .popup_wrap .job_detail3 .field2:-ms-input-placeholder, .popup_wrap .job_detail3 .field5:-ms-input-placeholder, .hrs input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #e5e7e9;
}

#children .job_detail3 .field1 {float:left; width:346px; background:#e5e7e9; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-right:1px solid #caccce; border-bottom:1px solid #caccce; box-shadow:1px 1px 0 #fff}
#children .job_detail3 .field2 {float:left; width:345px; background:#e5e7e9; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff;text-align:right;}
#children .job_detail3 .field3 {float:left; width:1082px; background:#e5e7e9; padding:5px 10px; height:30px; line-height:24px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff}
#children .job_detail3 .field4 {float:left; width:1082px; background:#e5e7e9; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff}
#children .job_detail3 .field5 {float:left; width:1082px; background:#e5e7e9; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; text-align:right}

.assign_job_pop {text-align:left;}
.assign_job_pop .field1, .assign_job_pop .field2 {text-align:left; color:#003d8e !important;}

.select_option3 {width:400px; margin:0 auto 30px auto; overflow:hidden; background:url(../images/category-ico5.png) no-repeat center right #e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; height:36px; text-align:left;}
.select_option3 select {background:none; height:36px; padding:3px 0; width:450px; color:#000000; font-size:18px; font-family:'Oswald', sans-serif; margin-left:20px}

.job_description {width:100%; float:left; position:relative;}
.job_description .add-more {top:auto; bottom:10px; right:10px;}
.job_description .remove {top:auto; bottom:9px; right:35px;}

.add-more {position:absolute; right:0px; top:0px; /*background:url(../images/add-more.png); width:21px; height:21px;*/ z-index:99;
background:url(../images/plus00.png) no-repeat center center #dd3e44;
height: 35px;
border: 1px solid #b7040b;
border-radius: 5px;
width:auto;
box-shadow: 0 2px 5px #c1c2c3;
padding:0 25px;
}

.remove {position:absolute; right:130px; top:0px; /*background:url(../images/remove.png); width:22px; height:22px;*/ z-index:99;
background:url(../images/minus00.png) no-repeat center center #595959;
height: 35px;
border: 1px solid #2a2a2a;
border-radius: 5px;
width:auto;
box-shadow: 0 2px 5px #c1c2c3;
padding:0 25px;
}

.amout_total {border-bottom:1px solid #caccce; box-shadow:0px 2px 0 #fff; width:100%; float:left; font:25px/44px 'Oswald', sans-serif; color:#003e86; text-align:right}
.amout_total span {color:#c4183e;}

#writeup_quote .red_button2 {height:64px; line-height:64px; margin-top:30px;}
#writeup_quote .grey_button2 {height:64px; line-height:64px; margin-top:30px;}
#writeup_wrapper .red_button2 {height:64px; line-height:64px; margin-top:30px;}
#writeup_wrapper .grey_button2 {height:64px; line-height:64px; margin-top:30px;}


/**************
INVOICE page
***************/

.invoice_title {position:absolute; left:-11px; top:32px; background:url(../images/invoice_title.png); width:207px; height:72px; padding-top:10px; text-align:center; font:38px/72px 'Oswald', sans-serif; color:#fff; text-transform:uppercase}

.grey2 {background:#f5f5f5;}
.slip_detail td h4 {color:#c4183e;}

/*****************
TRADEMAN dashboard
******************/


.job_desc {text-align:left;}



/*****************
Assign a Job
******************/

#assign_job{}

.fields_wrap {width:100%; float:left; margin-bottom:15px;}
.fields_wrap input[type="text"] {width:234px; height:38px; float:left; background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:inset 0 2px 3px #c6c7ca ,0px 2px 1px #fff; position:relative; padding:0 10px; font:20px/38px 'Oswald', sans-serif; color:#000; margin:0 15px 0px 0;}

.fields_wrap input.date_field {background:url(../images/calender-ico.png) no-repeat 220px center #e5e7e9;}
.fields_wrap input.time_field {background:url(../images/time-ico.png) no-repeat 220px center #e5e7e9;}

.fields_wrap .select_option {width:370px; height:38px; margin:0px 0 0px 0; background:url(../images/category-ico5.png) #e5e7e9 no-repeat right center; float:right}
.fields_wrap .select_option span {float:left; width:370px; background:url(../images/staff3.png) no-repeat 5px 7px}
.fields_wrap .select_option select {height:38px; font-size:20px; padding:5px 0 5px 0px; width:350px; background:none; margin-left:40px}


.assign_not {width:100%; text-align:right; float:left; margin-bottom:15px;}
.assign_not span {float:right; font:20px/16px 'Oswald', sans-serif; color:#7c7c7c; background:url(../images/tick.png) no-repeat; padding:0 0 0 30px;}
.assign_not span.yes {color:#c4183e; background-position:0 -16px;}

#assign_job .red_button2 {height:64px; line-height:64px; margin-top:30px;}

/*****************
Assign a Job
******************/

.user_wrap {width:600px; padding:40px; margin:0px auto; background:url(../images/loginwrapbg.png); border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative;}

.user_pic {float:left; width:220px;}
.user_pic img {background:#fff; padding:8px; box-shadow:0 0 3px #e4e4e6}

.user_detail {float:left; width:100%;}
.user_detail h2 {font:30px/30px 'Oswald', sans-serif; color:#000; padding-bottom:5px;}
.user_detail li {border-bottom:1px solid #d9dce1; box-shadow:0px 1px 0px #fff; color:#003f87; font-size:15px; padding:10px 0 5px 0; font-weight:bold}
.user_detail li span {display:inline-block; width:250px; color:#a1a1a1}

.user_status {border-top:1px solid #d9dce1; box-shadow:inset 0px 1px 0px #fff; margin-top:-1px; padding:20px 0 0 0; text-align:right; font:18px 'Oswald', sans-serif}
.user_status strong {color:#a1a1a1; padding-right:15px;}
.user_status span {color:#a1a1a1; display:inline-block; padding:0 15px 0 30px; line-height:16px;}
.user_status span.active {background:url(../images/tick.png) no-repeat 0 0px;}
.user_status span.active.yes {color:#dc2d34; background-position:0 -16px}

.user_status span.inactive {background:url(../images/cross.png) no-repeat 0 0px;}
.user_status span.inactive.yes {color:#dc2d34; background-position:0 -16px}


/*********************
ADD BOOKING
*************************/
.add_booking {width:100%; height:100%; display:block}


#add_booking {width:960px;}
#add_booking label {display:block; height:35px; text-align:left; color:#003e86; font-size:20px; font-family:'Oswald', sans-serif;}
#add_booking input[type="text"] {height: 38px; float: left; background: #e5e7e9; border: 1px solid #aeafb1; border-radius: 5px; box-shadow: inset 0 2px 3px #c6c7ca ,0px 2px 1px #fff; position: relative; padding: 0 10px; font: 20px/38px 'Oswald', sans-serif; color: #000;}

#add_booking .b_field1 {float:left; width:310px; margin:0 15px 25px 0;}
#add_booking .b_field1 input[type="text"] {width:288px;}
#add_booking .b_field1.right {float:right; margin-right:0px;}

#add_booking .b_field2 {float:left; width:380px; margin:0 15px 25px 0;}
#add_booking .b_field2 input[type="text"] {width:358px;}
#add_booking .b_field2.right {float:right; margin-right:0px;}

#add_booking .b_field3 {float:left; width:240px; margin:0 15px 25px 0;}
#add_booking .b_field3 input[type="text"] {width:218px;}
#add_booking .b_field3.right {float:right; margin-right:0px;}

#add_booking .b_field4 {float:left; width:270px; margin:0 15px 25px 0;}
#add_booking .b_field4 input[type="text"] {width:248px;}
#add_booking .b_field4.right {float:right; margin-right:0px;}

#add_booking .comments_wrap {margin-top:20px;}
#add_booking .add_comment input[type="text"] {width:650px; padding:0 292px 0 15px; height:40px; float:left; background:none; border:0px; font:12px/40px Arial, Helvetica, sans-serif;}


#add_booking .b_field2 input.date_field {background:url(../images/calender-ico.png) no-repeat 340px center #e5e7e9;}
#add_booking .b_field4 input.time_field {background:url(../images/time-ico.png) no-repeat 230px center #e5e7e9;}

#add_booking .job_detail3 {padding:10px 10px; margin-bottom:15px;}
#add_booking .job_detail3 p {text-align:left; font-size:13px; color:#63676b}
#add_booking input[type="submit"] {height:64px; line-height:64px; font-size:36px; margin:50px 0 20px 0}

/**************
Client Dashboard For Jobs
*****************/

.client_dash {}
.client_dash table td {padding:10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#787878; text-align:left !important}
.client_dash table td tr {vertical-align:top;}
.client_dash table .names td {font-family:'Oswald', sans-serif; font-size:16px; color:#2d2d2d; text-align:center !important}
.client_dash table td p {color:#003e86; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.client_dash table td .status li {padding:5px 5px;}
.client_dash table td .action a {display:block; color:#979797; font-weight:bold}
.client_dash table td .action a img {margin-right:5px;}
.client_dash table td .grey .status {text-align:left}



/********************
Job Detail
********************/

.job_detail_wrap .job_detail3 .field1 {float:left; width:298px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-right:1px solid #caccce; border-bottom:1px solid #caccce; box-shadow:1px 1px 0 #fff}
.job_detail_wrap .job_detail3 .field2 {float:left; width:300px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff}
.job_detail_wrap .job_detail3 .field3 {float:left; width:937px; background:none; padding:5px 10px; height:100px; line-height:24px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff}
.job_detail_wrap .job_detail3 .field4 {float:left; width:937px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; border-bottom:1px solid #caccce; box-shadow:0px 1px 0 #fff}
.job_detail_wrap .job_detail3 .field5 {float:left; width:937px; background:none; padding:0 10px; height:32px; line-height:32px; font-size:15px; color:#000; font-family: 'Oswald', sans-serif; text-align:right}



.staff_details2 {position:relative;}
.staff_details2 h3 {float:left}
.foreman {float:right; margin-top:20px}
.foreman label {float:left; width:118px; color:#003e86; font-size:20px; font-family: 'Oswald', sans-serif;}
.foreman label img {vertical-align:middle}
.foreman .staff_list {width:280px; height:32px; float:left; overflow:hidden; background:url(../images/category-ico5.png) no-repeat center right #e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; position:relative;}
.foreman .staff_list select {background:none; height:32px; padding:5px 0; width:300px; color:#6f7278; font-size:14px; font-family:'Oswald', sans-serif}

.staff_details2 .grey_button {margin-top:15px;}
.staff_details2 h3 {border-bottom:0px; box-shadow:none;}

.staff_details2 table th {text-align:center; background:#f3f4f6; height:30px; line-height:20px; padding:5px; color:#000000; font-size:15px; font-weight:normal}
.staff_details2 table td {padding:10px; background:#fcfcfd; border-bottom:1px solid #d8d8d9; border-left:1px solid #d8d8d9; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center;}
.staff_details2 table td strong {color:#003e86; font-size:14px; font-family: 'Oswald', sans-serif}
.staff_details2 table td span {color:#db3239; font-size:18px;}

.staff_details2 .status {position:relative; width:140px;}
.staff_details2 .status span {font-size:14px; color:#626262; display:block; text-align:left; padding:0 5px}
.staff_details2 .status .red {background:#c4183e; color:#fff; font-size:14px; width:75%; padding:5px 5px}
.staff_details2 .status .black {background:#404041; color:#fff; font-size:14px; width:75%; padding:5px 5px}
.staff_details2 .status .green {background:#0b832a; color:#fff; font-size:14px; width:75%; padding:5px 5px}
.staff_details2 .status .blue {background:#003e86; color:#fff; font-size:14px; width:75%; padding:5px 5px}
.staff_details2 .status span img {vertical-align:middle; float:right}

.drop_status2 {float:right; cursor:pointer; position:absolute; top:0px; right:-6px;}
.status_options2 {display:none; position:absolute; top:30px; right:0px; width:300px; background:#fff; border:1px solid #d8d8d9}
.status_options2 li {text-align:left; padding:3px 10px;}


/****************************************
EMAIL COMPOSE
******************************************/


.email_compose {width:914px; height:auto; padding:40px 130px; margin:50px auto; background:url(../images/loginwrapbg.png); border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 3px 3px #7e7a7f; border:1px solid #d4d3d4; border-bottom:2px solid #d4d3d4; position:relative; font-family: 'Oswald', sans-serif; text-align:center}
.email_compose h1 {font-size:36px; font-weight:800; text-align:center; color:#003d8e; margin-top:20px; line-height:40px;}
.email_compose span {color:#c4183e;}
.email_compose h3 {font-size:22px; font-weight:400; text-align:center; color:#7c818b; border-bottom:1px solid #dddfe4; box-shadow:0 1px 0 #fff; display:inline-block; padding:0 50px}

.email_compose_form {width:100%; float:left; margin-top:50px}

.email_compose_form label {float:left; width:70px; text-align:left; color:#003d8e; font-size:15px; line-height:36px; font-family: 'Oswald', sans-serif; margin-bottom:20px; text-align:right; padding-right:10px;} 
.emailto {width:830px; overflow:hidden; background:url(../images/category-ico5.png) no-repeat center right #e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; height:36px; position:relative; margin-bottom:20px;}
.emailto select {background:none; height:36px; padding:7px 0; width:846px; color:#000; font-size:13px; font-family:'Oswald', sans-serif}

.email_compose_form input[type="text"] {width:811px; overflow:hidden; background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; height:36px; position:relative; float:left; padding:0 10px; color:#000; font-size:13px; font-family:'Oswald', sans-serif; margin-bottom:20px;}
.email_compose_form .cc {width:811px; overflow:hidden; background:#e5e7e9; border:1px solid #aeafb1; border-radius:5px; box-shadow:0px 2px 1px #fff; height:20px; position:relative; float:left; padding:12px 10px; color:#000; font-size:13px; font-family:'Oswald', sans-serif; margin-bottom:20px; text-align: left;}
	
#message_box .cke_chrome, .cke_top, .cke_inner {border-radius:5px;}


.email_compose_form input[type="submit"] {background:url(../images/red_button.png) repeat-x; height:44px; border:1px solid #b7040b; border-radius:5px; width:265px; cursor:pointer; display:inherit; box-shadow:0 2px 5px #c1c2c3; font-size:25px; color:#fff; font-family:'Oswald', sans-serif; line-height:44px; text-shadow:0 0 3px #bd2d32; float:right; margin-top:50px}
.email_compose_form input[type="submit"]:hover {background-position:0 bottom}


/*************
MAKE BOOKING
**************/



#make_booking th {padding:0 5px;}
#make_booking .names {text-transform:uppercase;}
#make_booking .names .right {}
#make_booking th .right input[type="text"] {background:url(../images/booking_select.png); width:97px; height:34px; line-height:34px; padding:0 30px 0 10px; color:#000; font-size:14px; font-family:'Oswald', sans-serif; float:left}

#make_booking th .right input[type="submit"] {background:url(../images/red_button2.png); height:28px; border:1px solid #b7040b; display:inline-block; font:15px/26px 'Oswald', sans-serif; color:#fff; text-shadow:0 0 3px #bd2d32; border-radius:5px; padding:0 10px; box-shadow:0 2px 3px #d8d9db; float:left; 
margin:2px 0 0 5px;}

#make_booking td.time2 {text-align:center; font-size:14px; font-weight:600; font-family:'Oswald', sans-serif}



/*****************
CREATE INVOICE
*******************/

.invoice_buttons {float:left; margin-top:65px;}
.invoice_buttons a {height:48px; line-height:48px; float:left; width:auto; padding:0 30px; margin-right:10px}


.editable_info {background:#e5e7e9; border:1px solid #adaeb0; box-shadow:inset 1px 2px 2px #c6c7ca; border-radius:5px; padding: 10px 15px; width: 270px;}
.editable_info input[type="text"] {font: 25px/40px 'Oswald', sans-serif; color: #c4183e; font-weight: bold; background:none; width:100%}
.editable_info textarea {background:none; width:100%; font-size: 12px; color: #61686d; line-height: 18px; height:110px; font-family:Arial, Helvetica, sans-serif}

.bank_details {float:left; text-align:left; margin-bottom:20px; font-size: 12px; color: #61686d; line-height: 0px; background:#e5e7e9; border:1px solid #adaeb0; box-shadow:inset 1px 2px 2px #c6c7ca; border-radius:5px; padding: 10px 15px; width:200px}
.bank_details h4 {font: 16px/20px 'Oswald', sans-serif; color: #003e86; font-weight: bold; padding-bottom: 5px;}
.bank_details span {color:#003e86; font-weight:bold;}
.bank_details strong {color:#c4183e;}
.bank_details textarea {background:none; width:100%; font-size: 12px; color: #61686d; line-height: 18px; height:100px; font-family:Arial, Helvetica, sans-serif; text-align:right}
.bank_details p {height:16px;}


.invoice_jobs {width:100%;}
.invoice_jobs h3 {color:#003e86; font-size:20px; text-transform:uppercase; font-family:'Oswald', sans-serif; padding:0 10px; position:relative}
.invoice_jobs h3 a {float:right;}
.add-more2 {background:url(../images/add-more2.png); width:15px; height:15px; display:inline-block;}

.invoice_jobs table {background:#e5e7e9; border:1px solid #adaeb0; box-shadow:inset 1px 2px 2px #c6c7ca; border-radius:5px}
.invoice_jobs table td {padding:0 5px; box-shadow:0 1px 0 #fff}
.invoice_jobs table td input[type="text"] {width:100%; height:32px; line-height:32px; font-size:15px; font-weight:400; font-family:'Oswald', sans-serif; background:none;}
.invoice_jobs table tr:last-child td {box-shadow:none;}

.invoice_jobs .grey_button2, .invoice_jobs .red_button2 {padding:0 15px; float:right; width:auto; margin:50px 0 0 5px; }
.invoice_jobs .grey_button2 {box-shadow:0 2px 5px #c1c2c3, inset 0px 1px 0px #898989;}
.invoice_jobs .red_button2 {box-shadow:0 2px 5px #c1c2c3, inset 0px 1px 0px #eb8b8f;}



#create_invoice .job_detail3 .field1, #create_invoice .job_detail3 .field2 {border-bottom:0px; box-shadow:none; height:60px; line-height:60px; font-size:20px;}
#create_invoice .job_detail3 .field1 {width:350px;}
#create_invoice .job_detail3 .field2 {width:350px;}
#create_invoice .job_detail3 a.add-more {display:inline-block; position:static}
.amount_btn {border-right:1px solid #caccce; width:120px; text-align:center}

.invoice_totals {float:right; width:350px;}
.invoice_totals table {background: #e5e7e9; border: 1px solid #b3b5b7; box-shadow: inset 0 2px 3px #c6c7ca; border-radius: 5px; margin-bottom: 10px; width:100%}
.invoice_totals table td {padding:5px 20px; font-size:18px; color:#003e86; font-family:'Oswald', sans-serif; text-align:left}
.invoice_totals table td.amount {border-left:1px solid #caccce; box-shadow:inset 1px 0 0 #fff; color:#d9282e; width:100px;}
.invoice_totals table.totals td {font-size:20px;}

.invoice_totals .red_button2 {height:60px; line-height:60px; padding:0 20px; float:right; margin:30px 0;}

#cancel_invoice .job_detail3 table td {width:460px; text-align:left; padding:5px 0}
#cancel_invoice .job_detail3 table td img {padding:0 10px;}
#cancel_invoice .job_detail3 table td input[type="text"] {background:none; height:36px; line-height:36px; width:400px; color:#003e86; font-size:25px; font-family:'Oswald', sans-serif;}

.inv_field1 {border-bottom:1px solid #c3c5c8; border-right:1px solid #c3c5c8; box-shadow:1px 1px 0 #fff;}
.inv_field2 {border-bottom:1px solid #c3c5c8; box-shadow:0px 1px 0 #fff;}

#cancel_invoice .job_detail3 table td textarea {background:none; height:100px; line-height:20px; width:900px; color:#003e86; font-size:16px; font-family:'Oswald', sans-serif; padding:0 10px;}

#cancel_invoice input[type="submit"] {height:60px; line-height:60px; padding:0 20px; margin:30px 0; font-size:36px;}


/********************
EDIT INVOICE
*******************/


.invoice_jobs td a.add-more {position:static; display:inline-block;}

.invoice_job_title textarea {width:700px; background:none; height:40px; line-height:40px; color:#003e86; font-size:15px; font-family:'Oswald', sans-serif; padding:0 20px;}
.invoice_job_title input[type="text"] {width:100%; color:#c4183e; font-size:22px !important; font-family:'Oswald', sans-serif; text-align:center; font-weight:bold}
.invoice_detail {position:relative;}
.invoice_detail textarea  {width:700px; background:none; height:30px; line-height:30px; color:#63676b; font-size:12px; padding:0px 20px; font-family:Arial, Helvetica, sans-serif}
.invoice_detail .add-more {position:absolute !important; top:5px; right:5px;}

.invoice_price {width:100px;}
.invoice_price input[type="text"] {width:100%; color:#c4183e; font-size:18px !important; font-family:'Oswald', sans-serif; text-align:center;}

.invoice_note h4 {color:#c4183e; font-size:15px; font-family:'Oswald', sans-serif; padding:10px 20px 0 20px;}
.invoice_note textarea {width:811px; background:none; height:60px; line-height:20px; color:#63676b; font-size:12px; padding:0px 20px; font-family:Arial, Helvetica, sans-serif}
.invoice_jobs .more {width:80px; text-align:center;}

/******************
PAYMENT STATEMENT
******************/

.invoice_title2 {position:absolute; left:-11px; top:32px; background:url(../images/invoice_title2.png); width:360px; height:72px; padding-top:10px; text-align:center; font:38px/72px 'Oswald', sans-serif; color:#fff; text-transform:uppercase}

.slip_nmber2 {width:400px; float:left; margin-top:100px;}
.slip_nmber2 h2 {color:#003e86; font:38px/50px 'Oswald', sans-serif}
.slip_nmber2 span {color:#7d7d7d; font-weight:bold; font-size:16px;}
.slip_nmber2 p {font-size:12px; color:#a1a7ac}


.statement_detail th {text-transform:uppercase;}
.statement_detail th, .statement_detail td {text-align:center !important; padding:5px 10px !important;}

.statement_detail .pyment_descp {text-align:left !important; width:400px;}

.statement_detail td strong {color:#c4183e; font-size:18px; font-family:'Oswald', sans-serif}

.slip_totals2 {width:400px; float:right; margin:30px 0 0 0}
.slip_totals2 th, .slip_totals2 td {width:150px !important; height:auto !important; padding:5px 10px !important; color:#63676b; font-family:'Oswald', sans-serif; font-size:14px !important;}
.slip_totals2 th {text-align:right !important; border-bottom:1px solid #d6dde2 !important}
.slip_totals2 td {border-bottom:1px solid #d6dde2 !important; border-left:1px solid #d6dde2 !important}
.slip_totals2 strong {font-size:18px;}
.slip_totals2 span {color:#c4183e; font-size:30px;}

.invoice_buttons2 {float:left; margin-top:100px;}
.invoice_buttons2 a {height:48px; line-height:48px; float:left; width:auto; padding:0 30px; margin-right:10px} 

.errorMessage
{
	color: #c4183e;
	font-size: 0.9em;
}
.errorSummary
{
	color: #c4183e;
	font-size: 0.9em;
	padding-left:2px;
}
.errorSummary li
{
	margin-left:16px;
	list-style: circle;
}



/**************
26/03/2014
*********/


#create_invoice h5 {color: #003d8e; font: 25px/24px 'Oswald', sans-serif; margin-bottom: 15px; padding-bottom: 5px; font-weight: 400; text-align: left;}

#create_invoice .slip_detail {border: 1px solid #d6dde2;
border-radius: 3px;
width: 100%;
font-size: 12px;
color: #000;
font-family: Arial, Helvetica, sans-serif; background:#fff; margin-bottom:30px;}

#create_invoice .slip_detail th {background: #e7ebee;
border-bottom: 1px solid #d6dde2;
border-left: 1px solid #c7d4dc;
height: 55px;
font-family: 'Oswald', sans-serif;
font-size: 16px;
color: #000; text-align:left;}
#create_invoice .slip_detail th:first-child {border-left:0px;}
#create_invoice .slip_detail td {text-align:left; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
#create_invoice .slip_detail td:first-child {border-left: 0px;}
#create_invoice .slip_detail h3 {border:0px; box-shadow:0px}

.slip_detail td h4 {color:#fff}
.note2 {background:#db3c41; color:#fff}

.payment_statment {width:100%; border-top:1px solid #bec0c2; box-shadow:inset 0px 1px 0px #fff; margin:20px 0 0 0; padding:20px 0 0 0;}
.payment_statment table td textarea {background: #e5e7e9;
border: 1px solid #adaeb0;
box-shadow: inset 1px 2px 2px #c6c7ca;
border-radius: 5px;
padding: 10px 15px;
width: 270px; color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif}


.tradesman_dash td {padding:5px !important;}


.time_wrap {width:730px; margin:0 auto; padding:0 0 30px 0;}
.time_wrap h4 {font-size:24px; padding:0 0 15px 10px;}
.time_wrap h4 img {float: left; padding-right: 10px;}
.time_wrap ul {padding:0 0 30px 0; float: left;}

.time_wrap li {float:left; margin:0 10px; overflow:hidden; height: 38px; background: url(../images/category-ico5.png) #e5e7e9 no-repeat right center; float:left; border: 1px solid #aeafb1; border-radius: 5px; box-shadow: 0px 2px 1px #fff;}
.time_wrap li select {background:none; width:280px; border:0px; font-family: 'Oswald', sans-serif; font-size:18px; padding: 5px 0;}
.time_wrap li.hours, .time_wrap li.mnts {width:260px;}
.time_wrap li.ampm {width:140px;}


.job_creat_invc .field1 {width:200px !important; border-right:0px !important;}
.job_creat_invc td {border-right:1px solid #caccce; padding:5px;}
.job_creat_invc td.amount_btn a {margin:5px 0; display:inline-block;}
.forman_detail textarea{margin:0 0 0 0; height:80px;}

.file_comnt_wrap {width:100%; float:left;}
.file_comnt_wrap input[type="text"] {height:30px;
float: left;
background:#fff;
border: 0px;
font: 15px/30px Arial, Helvetica, sans-serif;
border-radius:5px;
margin:5px 0 10px 0;
}
.forman_detail .red_button {float:left;}













/*****************
TRADESMAN JOB DETAIL
***************/
.trads_job_detail {}
.trads_job_detail table th {text-align:center; height:30px; border-bottom:1px solid #dbdcde}

.trads_job_detail table td {font-size:16px; color:#000; padding:0 10px; text-align:left !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.trads_job_detail table td.status ul li {padding:5px 10px; font-size:16px;}
.trads_job_detail table td.action {text-align:left !important; padding:5px 10px;}
.trads_job_detail table td.action a {color:#000;}

.trads_details {margin-top:-3px;}
.trads_details table th {background:#d92129; color:#fff; text-align:left; padding:5px 10px; width:50%; border:0px; text-transform:uppercase; font-weight:normal; font-size:18px;}
.trads_details table td {width:50%; padding:5px 10px;}
.trads_details table table {border:0px;}
.trads_details table table td {padding:10px 0; font-size:16px;}
.trads_details table table td strong {color:#003f86; font-size:18px; padding-bottom:10px; display:block}

.trads_details .comments_wrap {width:100%;}
.trads_details .comments_wrap ul li .comment {width:100%; padding:0px;}
.trads_details .comments_wrap ul li .comment .name {padding:10px 0 0 10px;}
.trads_details .comments_wrap ul li .comment .time_date {padding:10px 10px 0 0px;}
.trads_details .comments_wrap ul li .comment p {text-align:left; padding:0 10px 10px 10px;}

.trads_details .comments_wrap ul li .office {background:#f2f2f2;}
.trads_details .comments_wrap ul li .job {background:#fbe9e9;}
.trads_details .add_comment {width:100%; position:relative;}
.trads_details .comments_wrap .add_comment input[type="text"] {padding:0px 1%; display:block; width:60%}

.trads_details .comments_wrap .add_comment input[type="submit"].office {background: url(../images/grey_button3.png);
height: 30px;
border: 1px solid #393939;
display: inline-block;
font: 15px/30px 'Oswald', sans-serif;
color: #fff;
text-shadow: 0 0 3px #494949;
border-radius: 5px;
padding: 0 10px;
box-shadow: 0 2px 3px #d8d9db; cursor:pointer; position:absolute; top:5px; right:150px; width:140px;}
.trads_details .comments_wrap .add_comment input[type="submit"].job {background: url(../images/red_button3.png);
height: 30px;
border: 1px solid #b7040b;
display: inline-block;
font: 15px/30px 'Oswald', sans-serif;
color: #fff;
text-shadow: 0 0 3px #bd2d32;
border-radius: 5px;
padding: 0 10px;
box-shadow:0 2px 3px #d8d9db; cursor:pointer; position:absolute; top:5px; right:5px; width:140px;}

.trads_details .comments_wrap .ofic_cmnt_wrp, .trads_details .comments_wrap .add_comment input[type="submit"].private {display:none;}
.trads_details .job_cmnt_wrp ul {display:block !important}
.trads_details .job_cmnt_wrp h3 img {display:none;}
.photos h3 {background: #d92129; color: #fff; text-align: left; padding: 5px 10px; border: 0px; text-transform: uppercase; font-weight: normal; font-size: 18px; height:30px; font: 18px/30px 'Oswald', sans-serif;}
.photos h3 span {color:#fff; font-size:12px;}
.photos h3 a.grey_button {float:right;}


.click_open, .ofic_cmnt_wrp h3, .job_cmnt_wrp h3 {cursor:pointer;}


.ofic_cmnt_wrp ul, .job_cmnt_wrp ul {display:none;}

.popup_wrap .ofic_cmnt_wrp ul, .popup_wrap .job_cmnt_wrp ul {display:block;}
.popup_wrap h3 .dn_arw {display:none;}

.assignd_stff span, .assignd_stff strong {display:inline-block !important;}
.assignd_stff span.green {color:#236212;}
.assignd_stff span.red {color:#bf1010;}



table td .fullpaid {text-align:center; width:100%;}
table td .fullpaid strong {display:block; background:#3a771f; color:#fff; text-transform:uppercase; padding:3px 5px}
table td .fullpaid strong img {vertical-align:middle;}
table td .fullpaid p {background:#d7d7d7; line-height:31px; padding-bottom:0px;}
table td .payement_due {text-align:center; width:100%;}
table td .payement_due strong {display:block; background:#09488d; color:#fff; text-transform:uppercase; padding:3px 5px}
table td .payement_due strong img {vertical-align:middle;}
table td .payement_due p {background:#b5c8dd; line-height:31px; color:#000; padding-bottom:0px;}


.assgnd_staf {width:90%;}
.assgnd_staf h3 {margin-bottom:20px;}
.assgnd_staf .agent_detail2 {border: 1px solid #dbdbdb; float: left; margin: 4px; padding: 5px 10px; width: 160px; font-size:14px; color:#333; box-shadow: 1px 1px 0 #fff; min-height: 90px;}
.assgnd_staf .agent_detail2 h4 {color: #003e86; font-family: "Oswald",sans-serif; font-size:16px; padding-bottom:5px;}
.assgnd_staf .agent_detail2 li span {font-weight:bold; color: #d92129; }


/************************************/


.mainpage {background:url(../images/mainbg2.jpg);}

.logowrap {background:url(../images/maintransprntwhite1.png); width:950px; margin:0 auto; text-align:center;}
.mainlogo {background:url(../images/border.png) no-repeat top center; float:left; width:100%; text-align:center; padding:30px 0 20px 0}


.mainpagewrap {background:url(../images/maintransprntwhite2.png); border-bottom:5px solid #ffba00; width:900px; margin:0 auto; padding:0 25px; box-shadow:0 5px 3px #333}




.subsidries {float:left; width:100%; text-align:center}
.subsidries hr {background:url(../images/border2.png); border:0px; height:1px; width:100%; float:left;}
.subsidries ul {padding:30px 0; float:left; width:100%}
.subsidries ul li {padding:0; border-left:1px solid #7a7a7a; float:left; width:299px; text-align:center; font-family: 'Raleway', sans-serif; min-height:120px;}
.subsidries ul li:first-child {border-left:0px;}
.subsidries ul li i {display:block; font-size:13px; font-style:normal; font-weight:600}
.subsidries ul li i img {vertical-align:middle; padding-right:5px;}
.subsidries ul li a {color:#232323;}

.subsidries ul li .slogo {display:block; width:100%; height:90px; padding-top:5px;}



.mainfooter {padding:20px 0; font-family: "Oswald",sans-serif; text-align:center; text-transform:uppercase; float:left; width:100%}
.mainfooter p {color:#636464; font-size:15px; font-weight:normal; padding-bottom:5px}
.mainfooter small {color:#616161; font-size:12px; font-weight:normal}
.mainfooter small a {color:#616161;}

.mainfooter_left {float:left; width:600px; margin-left:15px; text-align:left;}

.mainbutton {float:right;}
.mainbutton a {background:url(../images/loginbutton.png) repeat-x; height:43px; border:1px solid #760321; border-radius:5px; width:145px; margin:0px auto 0 auto; cursor:pointer; display:inherit; font-size:20px; color:#fff; font-family:'Oswald', sans-serif; line-height:43px; text-shadow:0 0 3px #bd2d32; box-shadow:0 2px 2px #999, inset 0 1px 0 #e992aa}
.mainbutton a:hover {background-position:0 bottom}