/**
* Modified for Lender Platform, LLC.
*/

/*
ORIGINAL TEMPLATE.
Template Name: Mustache
Author: Rory Kranendonk
Author URI: http://www.dreamwire.nl
Version: 1.2
*/

@import url('/csslayouts/'); 



/*html,body {
        background : url(../img/background.gif) repeat left top;
        margin : 0;
        padding : 0;
        width : 100%;
    height : 100%;
}*/

img { border: 0; }

#wrapper {
    position : relative;
    background : url(../img/main-left.png) repeat-y left top #FFFFFF;
    margin : 0 auto;
    /* width : 980px; */
    /* Want a fluid template? Delete the width property then and place this two lines instead */
    min-width : 980px;
    max-width : 90%;

    height : auto !important;
    height : 100%;
    min-height : 100%;
}

#wrapper.public {
    position : relative;
    background : url(../img/main-left.png) repeat-y left top #FFFFFF;
    margin : 0 auto;
    width : 980px;
    height : auto !important;
    height : 100%;
    min-height : 100%;
}

#wrapper.login {
    position: absolute;
    background : none;
    top: 50%;
    left: 50%;
    margin-top: -138px;
    margin-left: -200px;
    width: 400px;
    min-width : 400px;
    height: 276px;
    min-height : 0;
}

#wrapper #container {
    position : absolute;
    background : url(../img/main-left.png) repeat-y left top #FFFFFF;
    -moz-box-shadow: 0 -3px 3px rgba(50, 50, 50, 0.30);
    -webkit-box-shadow: 0 -3px 3px rgba(50, 50, 50, 0.30);
    box-shadow: 0 -3px 3px rgba(50, 50, 50, 0.30);
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    width : 100%;
    height : auto !important;
    height : 100%;
    min-height : 100%;
}

#wrapper #container.public {
    position : absolute;
    background : #FFFFFF;
    -moz-box-shadow: 0 -3px 3px rgba(50, 50, 50, 0.30);
    -webkit-box-shadow: 0 -3px 3px rgba(50, 50, 50, 0.30);
    box-shadow: 0 -3px 3px rgba(50, 50, 50, 0.30);
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    width : 100%;
    height : auto !important;
    height : 100%;
    min-height : 100%;
}

#wrapper #container .hide-btn {
    position : absolute;
    left : 223px;
    z-index : 999;
    background : url(../img/left-grip.png) no-repeat left top;
    outline : none;
    cursor : pointer;
    width : 13px;
    height : 45px;
}

#wrapper #container .hide-btn.top {
    top : 25%;
}

#wrapper #container .hide-btn.center {
    top : 50%;
}

#wrapper #container .hide-btn.bottom {
    top : 75%;
}

#wrapper #container #top {
    display : block;
    position : relative;
    z-index : 999;
    background : #FFFFFF;
    margin : 0 auto;
    padding : 20px 0 0;
    height: 70px;
}




#wrapper #container #top h1#logo a, #wrapper #container #top h1#logo a:link, #wrapper #container #top h1#logo a:active, #wrapper #container #top h1#logo a:visited {
    display : block;
    width : 100%;
    height : 100%;
}

#wrapper #container #top h1#logo:hover {
    opacity : 0.6;
    filter : alpha(opacity=60);
}

#wrapper #container #top #labels {
    position : absolute;
    right : 20px;
    top : 20px;
    line-height : 27px;
}

#wrapper #container #top #labels ul {
    float : left;
    margin : 0;
    padding : 0;
    list-style : none;
}

#wrapper #container #top #labels ul ul {
    position : absolute;
    display : none;
    top : 27px;
    right : 5px;
    background : url(../img/message.gif) no-repeat left top #000000;
    padding : 5px;
    z-index : 9999;
}

#wrapper #container #top #labels ul li{
    float : left;
    position : relative;
}

#wrapper #container #top #labels ul li li{
    display : block;
    border-top : 1px solid #444444;
    font : 11px/1.4em Arial;
    color : #FFFFFF;
    width : 187px;
}

#wrapper #container #top #labels ul li li:hover{
    background : #444444;
}

#wrapper #container #top #labels  li a span.bar {
    float : left;
    background : url(../img/labels-bar.png) no-repeat right top;
    padding : 0 9px 0 5px;
    margin : 0 2px 0 0;
    font : 11px/2.2em Arial;
    color : #FFFFFF;
    font-weight : bold;
    cursor : pointer;
    height : 27px;
}



#wrapper #container #top #labels ul li a{
    float : left;
    background : url(../img/labels.png) no-repeat left top;
    padding : 0 0 0 30px;
    text-decoration : none;
    height : 27px;
}

#wrapper #container #top #labels ul li li a{
    display : block;
    float : none;
    background : none;
    padding : 7px 10px;
    text-decoration : none;
    color : #FFFFFF;
    height : auto;
}

#wrapper #container #top #labels ul li a.user, #wrapper #container #top #labels ul li a.user:link, #wrapper #container #top #labels ul li a.user:active, #wrapper #container #top #labels ul li a.user:visited {
    background-position : -88px top;
}

#wrapper #container #top #labels ul li a.user:hover {
    background-position : -88px bottom;
}

#wrapper #container #top #labels ul li a.settings, #wrapper #container #top #labels  li a.settings:link, #wrapper #container #top #labels  li a.settings:active, #wrapper #container #top #labels  li a.settings:visited {
    background-position : 0 top;
}

#wrapper #container #top #labels ul li a.settings:hover {
    background-position : 0 bottom;
}

#wrapper #container #top #labels ul li a.messages, #wrapper #container #top #labels  li a.messages:link, #wrapper #container #top #labels  li a.messages:active, #wrapper #container #top #labels  li a.messages:visited {
    background-position : -30px top;
}

#wrapper #container #top #labels  li a.messages:hover,
#wrapper #container #top #labels  li:hover a.messages {
    background-position : -30px bottom;
}

#wrapper #container #top #labels  li a.logout, #wrapper #container #top #labels  li a.logout:link, #wrapper #container #top #labels  li a.logout:active, #wrapper #container #top #labels  li a.logout:visited {
    background-position : -60px top;
}

#wrapper #container #top #labels  li a.logout:hover {
    background-position : -60px bottom;
}

#wrapper #container #top #menu {
    display : block;
    background : url(../img/menu.png) repeat-x right top;
    height: 33px;
}

#wrapper #container #left {
    float : left;
    position : relative;
    padding : 0 0 61px;
    overflow : hidden;
    width : 230px;
}

#wrapper #container #left.public {
    float : left;
    position : relative;
    padding : 0 0 61px;
    overflow : hidden;
    width : 0px;
}

#wrapper #container #left .box {
    display : block;
    background : #FFFFFF;
    border : 1px solid #e6e6e6;
    margin : 0 20px 20px;
    -moz-box-shadow: 1px 1px 0 #e6e6e6;
    -webkit-box-shadow: 1px 1px 0 #e6e6e6;
    box-shadow: 1px 1px 0 #e6e6e6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
    zoom: 1;
}

#wrapper #container #left .box:first-child {
    display : block;
    margin : 20px;
}

#wrapper #container #left .box .content {
    display : inline-block;
    position : relative;
    width : 188px;
}

#wrapper #container #left .box.search input {
    float : left;
    display : block;
    background : #FFFFFF;
    border : 0;
    outline : 0;
    padding : 8px 10px 8px;
    margin : 0;
    font : 12px/1.2em Arial;
    color : #c6c6c6;
    width : 136px;
    height : 13px;
}

#wrapper #container #left .box.search button {
    float : left;
    background : url(../img/btn-search.gif) no-repeat left top;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-filter: none;
    filter: none;
    border : none;
    outline : none;
    padding : 0;
    margin : 0;
    cursor : pointer;
    width : 32px;
    height : 29px;
}

#wrapper #container #left .box.submenu ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

#wrapper #container #left .box.submenu ul li{
    display : block;
    background : url(../img/icon-submenu.gif) no-repeat 10px 10px;
    border-top : 1px solid #e6e6e6;
    font : 12px/1.0em Arial;
}

#wrapper #container #left .box.submenu ul li:first-child{
    border-top : 0;
}

#wrapper #container #left .box.submenu ul li a, #wrapper #container #left .box.submenu ul li a:link, #wrapper #container #left .box.submenu ul li a:active, #wrapper #container #left .box.submenu ul li a:visited{
    display : block;
    padding : 8px 10px 8px 23px;
    color : #737272;
    text-decoration : none;
}

#wrapper #container #left .box.submenu ul li a:hover{
    color : #000000;
    text-decoration : none;
}

#wrapper #container #left .box.submenu ul li.current a, #wrapper #container #left .box.submenu ul li.current a:link, #wrapper #container #left .box.submenu ul li.current a:active, #wrapper #container #left .box.submenu ul li.current a:visited{
    background : url(../img/icon-submenu-on.gif) no-repeat 10px 10px;
    color : #000000;
    text-decoration : none;
}

#wrapper #container #left .box.submenu ul ul {
    padding : 0 0 6px;
}

#wrapper #container #left .box.submenu ul li li,
#wrapper #container #left .box.submenu ul li.current li{
    background : none;
    border-top : none;
    font : 11px/1.0em Arial;
}

#wrapper #container #left .box.submenu ul li li a, #wrapper #container #left .box.submenu ul li li a:link, #wrapper #container #left .box.submenu ul li li a:active, #wrapper #container #left .box.submenu ul li li a:visited,
#wrapper #container #left .box.submenu ul li.current li a, #wrapper #container #left .box.submenu ul li.current li a:link, #wrapper #container #left .box.submenu ul li.current li a:active, #wrapper #container #left .box.submenu ul li.current li a:visited{
    background : none;
    padding : 6px 10px 6px 23px;
    color : #737272;
}

#wrapper #container #left .box.submenu ul li li:first-child a,
#wrapper #container #left .box.submenu ul li.current li:first-child  a{
    padding : 5px 10px 7px 23px;
}

#wrapper #container #left .box.submenu ul li li a:hover,
#wrapper #container #left .box.submenu ul li.current li a:hover,
#wrapper #container #left .box.submenu ul li.current li.current a, #wrapper #container #left .box.submenu ul li.current li.current a:link, #wrapper #container #left .box.submenu ul li.current li.current a:active, #wrapper #container #left .box.submenu ul li.current li.current a:visited{
    color : #000000;
}

#wrapper #container #left .box.statics ul,
#wrapper #container #left .box.togglemenu ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

#wrapper #container #left .box.statics ul li,
#wrapper #container #left .box.togglemenu ul li{
    display : block;
    position : relative;
    border-top : 1px solid #e6e6e6;
    padding : 8px 10px;
    font : 11px/1.0em Arial;
    color : #737272;
}

#wrapper #container #left .box.statics ul li:first-child,
#wrapper #container #left .box.togglemenu ul li:first-child{
    border-top : 0;
}

#wrapper #container #left .box.togglemenu ul li.content{
    display : block;
    background : url(../img/togglemenu-shadow.gif) repeat-x left top #fbfbfb;
    font : 11px/18px Arial;
    overflow : auto;
    width : auto;
}

#wrapper #container #left .box.statics ul li h2,
#wrapper #container #left .box.togglemenu ul li h2 {
    margin : 0;
    padding : 0;
    font : 13px/1.0em 'MuseoSans500', Arial;
    font-weight : normal;
    color : #000000;
    text-transform : uppercase;
}

#wrapper #container #left .box.togglemenu ul li.title{
    outline : none;
}

#wrapper #container #left .box.togglemenu ul li.title:hover,
#wrapper #container #left .box.togglemenu ul li.title.ui-state-active{
    color : #000000;
    cursor : pointer;
}

#wrapper #container #left .box.statics ul li .info{
    position : absolute;
    top : 4px;
    *top : 6px;
    right : 4px;
    background : url(../img/btn-info.gif) no-repeat left top;
    border : 0;
    padding : 0 0 0 6px;
    font : 11px/1.66em Arial;
    font-weight : bold;
    color : #FFFFFF;
    height : 20px;
}

#wrapper #container #left .box.statics ul li .info span{
    display : block;
    padding : 0 8px 0 0;
    height : 20px;
}

#wrapper #container #left .box.statics ul li .info.red span{
    background : url(../img/btn-info.gif) no-repeat right top;
}

#wrapper #container #left .box.statics ul li .info.blue{
    background : url(../img/btn-info.gif) no-repeat left -20px;
}

#wrapper #container #left .box.statics ul li .info.blue span{
    background : url(../img/btn-info.gif) no-repeat right -20px;
}

#wrapper #container #left .box.statics ul li .info.green{
    background : url(../img/btn-info.gif) no-repeat left -40px;
}

#wrapper #container #left .box.statics ul li .info.green span{
    background : url(../img/btn-info.gif) no-repeat right -40px;
}

#wrapper #container #left .box.statics ul li .info.black{
    background : url(../img/btn-info.gif) no-repeat left -60px;
}

#wrapper #container #left .box.statics ul li .info.black span{
    background : url(../img/btn-info.gif) no-repeat right -60px;
}

#wrapper #container #right {
    display : block;
    position : relative;
    background : #FFFFFF;
    margin : 0 0 0 250px;
    padding : 0 0 61px;
}

#wrapper #container #right.public {
    display : block;
    position : relative;
    background : #FFFFFF;
    margin : 0 0 0 20px;
    padding : 0 0 61px;
}
#wrapper #container #right .plain {
    display : block;
    margin : 20px 20px 20px 0;
}

#wrapper #container #right .nobox{
    float : left;
    margin : 5px 3px 61px 0;
    font : 9px/1.0em Arial;
    text-align : center;
}

#wrapper #container #right .nobox:first-child{
    float : left;
    margin : 5px 0 20px 17px;
    text-align : center;
}

#wrapper #container #right .btn-box{
    display : block;
    background : url(../img/box-shadow.gif) repeat-x left bottom #fdfdfd;
    margin : 0 0 0 -20px;
    text-align : center;
}

#wrapper #container #right .btn-box .content {
    display : block;
    padding : 5px 0 22px 17px;
}

#wrapper #container #right  a.item {
    display : inline-block;
    background : url(../img/btn-box.gif) repeat-x left bottom #fdfdfd;
    margin : 17px 17px 0 0;
    color : #7b7b7b;
    text-decoration : none;
    text-align : center;
    font : 11px/18px Arial;
    width : 126px;
    height : 103px;
}

#wrapper #container #right  a.item.large {
    display : inline-block;
    background : url(../img/btn-box-large.gif) repeat-x left bottom #fdfdfd;
    margin : 17px 17px 17px 0;
    color : #7b7b7b;
    text-decoration : none;
    text-align : center;
    font : 11px/18px Arial;
    width : 300px;
    height : 103px;
}

#wrapper #container #right  a.item.small {
    display : inline-block;
    background : url(../img/btn-box-small.gif) repeat-x left bottom #fdfdfd;
    margin : 0;
    font-size : 0;
    width : 35px;
    height : 26px;
}

#wrapper #container #right  a.item.small.text {
    background : url(../img/btn-box-text.gif) no-repeat left top #fdfdfd;
    overflow : hidden;
    margin : 0;
    width : auto;
    height : 26px;
    white-space:nowrap;
}

#wrapper #container #right .iconbox a.item.small,
#wrapper #container #right .iconbox a.item.small.text {
    margin : 17px 10px 0 0;
}

#wrapper #container #right a.item:hover {
    opacity : 0.7;
    filter : alpha(opacity=70);
}

#wrapper #container #right a.item img {
    display : inline-block;
    padding : 16px 0 12px;
    height : 32px;
}

#wrapper #container #right a.item.small img,
#wrapper #container #right .section .box .content ul.comments li a.item.small img {
    float : none;
    display : inline-block;
    padding : 5px 0 0;
    margin : 0;
    height : 16px;
}

#wrapper #container #right a.item.small.text img{
    float : left;
    padding : 5px 5px 0 5px;
    margin : 0;
}

#wrapper #container #right  a.item span {
    display : block;
    font : 13px/1.0em 'MuseoSans500', Arial;
    color : #7b7b7b;
    text-transform : uppercase;
}

#wrapper #container #right  a.item.small.text span {
    float : left;
    background : url(../img/btn-box-text.gif) no-repeat right top;
    padding : 0 8px 0 0;
    font : 11px/2.5em 'MuseoSans500', Arial;
    color : #7b7b7b;
    text-transform : uppercase;
}

#wrapper #container #right #breadcrumbs {
    display : block;
    border-bottom : 1px solid #dcdcdc;
    margin : 0 0 0 -20px;
}

#wrapper #container #right #breadcrumbs ul {
    display : inline-block;
    margin : 0;
    padding : 0 0 0 20px;
    list-style : none;
    width : 100%;
}

#wrapper #container #right #breadcrumbs ul li {
    float : left;
    position : relative;
    background: url(../img/breadcrumb.png) no-repeat 100% 6px;
    margin : 0;
    padding : 10px 25px 8px 15px;
    overflow : hidden;
    font : 11px/1.0em Arial;
}

#wrapper #container #right #breadcrumbs ul li span {
    display: block;
    overflow: hidden;
}

#wrapper #container #right #breadcrumbs ul li:first-child {
    background: url(../img/breadcrumb-home.gif) no-repeat left 8px;
    margin : 0 -10px 0 0;
    padding : 10px 0 13px 0;

    width : 16px;
}

#wrapper #container #right #breadcrumbs ul li a , #wrapper #container #right #breadcrumbs ul li a:link, #wrapper #container #right #breadcrumbs ul li a:active, #wrapper #container #right #breadcrumbs ul li a:visited {
    color : #909090;
    text-decoration : none;
}

#wrapper #container #right #breadcrumbs ul li a:hover {
    color : #727272;
    text-decoration : none;
}

#wrapper #container #right #breadcrumbs ul li div.chevronOverlay{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

#wrapper #container #right #breadcrumbs .chevronOverlay{
    display: none;
    background: url(../img/breadcrumb.png) no-repeat 100% 6px;
    width: 13px;
    height: 26px;
}

#wrapper #container #right .section {
    display : inline-block;
    background : #FFFFFF;
    width : 100%;
}

#wrapper #container #right .section .quarter {
    float : left;
    width : 25%;
    *width : 24.97%;
}

#wrapper #container #right .section .third {
    float : left;
    width : 33%;
    *width : 33.3%;
}

#wrapper #container #right .section .third:first-child {
    width : 34%;
    *width : 33.3%;
}

#wrapper #container #right .section .half {
    float : left;
    width : 50%;
    *width : 49.98%;
}

#wrapper #container #right .section .three-quarter {
    float : left;
    width : 75%;
    *width : 74.98%;
}

#wrapper.login .box,
#wrapper #container #right .section .box {
    display : block;
    background : #FFFFFF;
    border : 1px solid #e6e6e6;
    margin : 20px 20px 0 0;
    -moz-box-shadow: 1px 1px 0 #e6e6e6;
    -webkit-box-shadow: 1px 1px 0 #e6e6e6;
    box-shadow: 1px 1px 0 #e6e6e6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
    zoom: 1;

}

#wrapper #container #right .section .box .content table tr td {
    vertical-align:top;
}

#wrapper.login .box {
    margin : 0;
}

#wrapper #container #right .section .box .content .login-gray {
    background : #f6f6f6;	
    margin: -20px;
    padding: 20px;
}

#wrapper #container #right .section .third:first-child {
    width : 33.4444%
        *width : 33.3%;
}

#wrapper.login .box .title,
#wrapper #container #right .section .box .title {
    display : block;
    position : relative;
    background : url(../img/box-title.gif) repeat-x left top;
    padding : 8px 10px 0 ;
    font : 13px/1.0em 'MuseoSans500', Arial;
    color : #000000;
    text-transform : uppercase;
    height : 21px;
}

#wrapper.login .box .title .hide,
#wrapper #container #right .section .box .title .hide,
#wrapper.login .box .title .show,
#wrapper #container #right .section .box .title .show{
    position : absolute;  
    top: 7px;
    right : 7px;
    background : url(../img/box-hide.png) no-repeat left top;
    overflow : hidden;
    cursor : pointer;
    width : 24px;
    height : 15px;
}

#wrapper.login .box .title .show,
#wrapper #container #right .section .box .title .show{
    background : url(../img/box-hide.png) no-repeat left bottom;
}

#wrapper.login .box .content,
#wrapper #container #right .section .box .content {
    display : block;
    background : url(../img/box-shadow.gif) repeat-x left top;
    padding : 20px;
}

#wrapper #container #right .section .box .content.nopadding {
    padding : 0;
}

#wrapper #container #right .section .box .content.hide {
    display : none;
}

#wrapper #container #right .section .box .content.iconbox {
    padding : 5px 0 20px 14px;
    text-align : center;
}

#wrapper #container #right .section .box .content .gallery {
    display : inline-block;
    padding : 11px 0 17px 10px;
    text-align : center;
}

#wrapper #container #right .section .box .content ul.comments {
    display : block;
    border-top : 1px solid #e6e6e6;
    margin : 0;
    padding : 0;
    list-style : none;
}

#wrapper #container #right .section .box .content ul.comments li{
    display : inline-block;
    border-bottom : 1px solid #e6e6e6;
    vertical-align : top;
    padding : 10px 0;
    line-height : 18px;
    width : 100%;
}

#wrapper #container #right .section .box .content ul.comments li a , #wrapper #container #right .section .box .content ul.comments li a:link, #wrapper #container #right .section .box .content ul.comments li a:active, #wrapper #container #right .section .box .content ul.comments li a:visited {
    color : #000000;
    text-decoration : none;
}

#wrapper #container #right .section .box .content ul.comments li a:hover {
    color : #8f8f8f;
    text-decoration : none;
}

#wrapper #container #right .section .box .content ul.comments li img{
    float : left;
    margin : 0 9px 0 0;
}

#wrapper #container #right .section .box .content ul.comments li img:hover {
    opacity : 0.7;
    filter : alpha(opacity=70);
}

#wrapper #container #right .section .box .content .thumb{
    display : inline-block;
    position : relative;
    background : #FFFFFF;
    border : 1px solid #e6e6e6;
    margin : 10px 10px 0 1px;
    -moz-box-shadow: 1px 1px 0 #e6e6e6;
    -webkit-box-shadow: 1px 1px 0 #e6e6e6;
    box-shadow: 1px 1px 0 #e6e6e6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
    zoom: 1;
    font : 0/0 Arial;
}

#wrapper #container #right .section .box .content .thumb img{
    margin : 0;
    border : 1px solid #FFFFFF;
    width : 61px;
}

#wrapper #container #right .section .box .content .thumb:hover img{
    opacity : 0.7;
    filter : alpha(opacity=70);
}

#wrapper #container #right .section .box .content .thumb .hover{
    position : absolute;
    display : none;
    background : url(../img/thumb-delete.png) no-repeat left top #FFFFFF;
    border : 1px solid #FFFFFF;
    top : 0;
    right : 0;
    z-index : 999;
    text-align : right;
    width : 13px;
    height : 13px;
}

#wrapper #container #right .section .box .content .thumb:hover .hover{
    display : block;
}

#wrapper #container #right .section .box .content .thumb .hover:hover{
    background : url(../img/thumb-delete.png) no-repeat left top #000000;
}

#wrapper #container #right .section .box .content .thumb .hover a{
    display : block;
    width : 14px;
    height : 14px;
}

#wrapper #container #right .section .box .content .pager {
    display : block;
    background : url(../img/tabs.gif) repeat-x left top;
    padding : 4px 20px;
    font : 11px/20px Arial;
    font-weight : bold;
    height : 22px;
}

#wrapper #container #right .section .box .content .pager a, #wrapper #container #right .section .box .content .pager a:link,
#wrapper #container #right .section .box .content .pager a:active, #wrapper #container #right .section .box .content .pager a:visited {
    display : inline-block;
    background : url(../img/table-btn.gif) repeat-x left top transparent;
    border : 1px solid #e6e6e6;
    padding : 0 7px;
    margin : 0 0 0 3px;
    font : 11px/20px Arial;
    cursor : pointer;
    color : #000000;
    text-transform : uppercase;
    text-decoration : none;
    height : 20px;
}

#wrapper #container #right .section .box .content .pager a:first-child {
    margin : 0 0 0 5px;
}

#wrapper #container #right .section .box .content .pager a:hover,
#wrapper #container #right .section .box .content .pager a.current, #wrapper #container #right .section .box .content .pager a.current:link,
#wrapper #container #right .section .box .content .pager a.current:active, #wrapper #container #right .section .box .content .pager a.current:visited {
    color : #969696;
}

#wrapper #container #right .section .box .content .pager a.current, #wrapper #container #right .section .box .content .pager a.current:link,
#wrapper #container #right .section .box .content .pager a.current:active, #wrapper #container #right .section .box .content .pager a.current:visited {
    font-weight : bold;
}

#wrapper #container #right .section .box .content .progressbar-normal,
#wrapper #container #right .section .box .content .progressbar-count {
    background : url(../img/progressbar-back.gif) repeat-x left top transparent;
    border-right : 1px solid #cccccc;
    margin : 10px 0;
    height : 10px;
}

#wrapper #container #right .section .box .content .progressbar-normal div,
#wrapper #container #right .section .box .content .progressbar-count div {
    display : block;
    background : url(../img/progressbar.gif) repeat-x left top transparent;
    border-right : 1px solid #5cadea;
    height: 100%;
}

#wrapper #container #right .section .box .content .progressbar-normal.green div,
#wrapper #container #right .section .box .content .progressbar-count.green div {
    background : url(../img/progressbar.gif) repeat-x left -10px transparent;
    border-right : 1px solid #86c301;
}

#wrapper #container #right .section .box .content .progressbar-normal.red div,
#wrapper #container #right .section .box .content .progressbar-count.red div {
    background : url(../img/progressbar.gif) repeat-x left -20px transparent;
    border-right : 1px solid #f97373;
}

#wrapper #container #right .section .box .content span.percent {
    float : right;
    position : relative;
    top : -15px;
    font : 11px/1.0em Arial;
    font-weight : bold;
}

.ui-widget-overlay {
    position : absolute;
    top : 0;
    background : #000000;
    opacity : 0.5;
    filter : alpha(opacity=50);
}

#wrapper #footer {
    position : absolute;
    bottom : 0;
    left : 0;
    background : url(../img/back-footer.gif) repeat-x left top #F5F5F5;
    border-bottom : 5px solid #FFFFFF;
    font : 11px/1.0em Arial;
    color : #909090;
    overflow : hidden;
    width : 100%;
    height : 36px;
}

#wrapper #footer .split{
    display : block;
    padding : 13px 20px 0;
    width : 50%;
    height : 23px;
}

#wrapper #footer .split.right{
    position : absolute;
    top : 0;
    right : 0;
    text-align : right;
}

#wrapper #footer a, #wrapper #footer a:link, #wrapper #footer a:active, #wrapper #footer a:visited{
    color : #909090;
    text-decoration : underline;
}

#wrapper #footer a:hover{
    color : #727272;
    text-decoration : none;
}

.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}

ol {
    margin: 0;
    padding: 0;
    padding-left: 30px;
}

ol.sortable, ol.sortable ol {
    margin: 0 0 0 25px;
    padding: 0;
    list-style-type: none;
}


.sortable li {
    margin: 5px 0 0 0;
    padding: 0;
}

.sortable li div  {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: #D4D4D4 #D4D4D4 #BCBCBC;
    padding: 6px 6px 6px 6px;
    margin: 0;
    cursor: move;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.sortable li div.heading {
    font-weight:bold;
}

.sortable li.mjs-nestedSortable-branch div {
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #f0ece9 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f0ece9 100%);

}

.sortable li.mjs-nestedSortable-leaf div {
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #bcccbc 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#bcccbc 100%);

}

li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    border-color: #999;
    background: #fafafa;
}

.disclose {
    cursor: pointer;
    width: 10px;
    display: none;
}

.sortable li.mjs-nestedSortable-collapsed > ol {
    display: none;
}

.sortable li.mjs-nestedSortable-branch > div > .disclose {
    display: inline-block;
}

.sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
    content: '+ ';

}

.sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
    content: '- ';
}

#right ol li img {
    margin: 2px 7px 0 3px;
    float:left;
}

#right ol li img.actions {
    margin: 2px 7px 0 3px;
    float:right;
    pointer:cursor;
}

.box h1 span, .box h2 span {
    color: #000;
    font-size: 0.9em;
}

/* placeholder replacement until IE8 and IE9 go away ;) */
.vlabel {
    color:#909090;
    float:left;
    margin:0px;
    padding:5px 6px 2px 6px;
    border-bottom:1px dotted #dcdcdc;

}
.hlabel {
    color:#909090;
    float:left;
    margin:0px;
    padding:0px 5px 0px 6px;
    border-right:1px dotted #dcdcdc;
}

/* Labels and Badges from Bootstrap framework */



.label,
.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.label:empty,
.badge:empty {
    display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important,
.badge-important {
    background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
    background-color: #953b39;
}

.label-warning,
.badge-warning {
    background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.label-success,
.badge-success {
    background-color: #468847;
}

.label-success[href],
.badge-success[href] {
    background-color: #356635;
}

.label-info,
.badge-info {
    background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
    background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
    background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
    background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
    position: relative;
    top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
    top: 0;
}

.order-note{float:left; width: 100px;}
.order-note a span{color: #0054A8; line-height:20px; font-weight:bold; text-decoration: underline;}
.order-note a:hover span{text-decoration: none; color: #000;}
.comments .notesmall{clear:none; float: left; width: 80%;}

.vendor-order-note{float:left; width: 100px;}
.vendor-order-note a span{color: #0054A8; line-height:20px; font-weight:bold; text-decoration: underline;}
.vendor-order-note a:hover span{text-decoration: none; color: #000;}
.vendor-comments .notesmall{clear:none; float: left; width: 77%;}
.cb{clear: both; margin: 0px; padding: 0px;}

/* end labels and badges */

.note-content p {
    padding-bottom: 10px;
}

/* Print Hide at Bottom */
@media screen and (max-width: 1000px) {
    #wrapper{
        min-width:inherit!important;
    }
}
@media screen and (max-width: 430px) {
    #wrapper #container #right #breadcrumbs ul{
        width:inherit!important;
    }
}
@media print 
{
    body {
        background:#fff;	
    }
    #wrapper #container #top, 
    #left, 
    #footer, 
    #wrapper #container #right #breadcrumbs,
    #wrapper #container #right button
    {
        display:none;
        background:#fff;

    }
    #left {
        width:0px;	
    }
    #wrapper #container {
        border:0;	
    }
    #wrapper #container #right {
        width:100%;	
        margin:0 0 0 -20px;
        padding:0;
        background:#fff;
        border:0;
    }
    .no-print, .no-print *
    {
        display: none !important;
    }

}

#wrapper #container #right  a.item_block {
    display : block;
    background : url(../img/btn-box.gif) repeat-x left bottom #fdfdfd;
    margin : 17px 17px 0 0;
    color : #7b7b7b;
    text-decoration : none;
    text-align : center;
    font : 11px/18px Arial;
    width : 126px;
    height : 103px;
    float: left;
}
#wrapper #container #right a.item_block span {
    display: block;
    font: 13px/1.0em 'MuseoSans500', Arial;
    color: #7b7b7b;
    text-transform: uppercase;
}
#wrapper #container #right a.item_block img {
    display: inline-block;
    padding: 16px 0 12px;
    height: 32px;
}

/* Media css query start here*/
@media only screen and (min-width:768px) and (max-width:1024px) {


    #wrapper #container #top #labels {
        position: absolute;
        right: 15px;
        top: 20px;
        line-height: 27px;
    }
    #wrapper #container #top h1#logo {
        display: inline-block;
        background: url(https://lp-files-dev.s3.amazonaws.com/layouts/1/1/logo_1386743633.png) no-repeat right top;
        margin: 0px 0 0px 10px;
        width: 153px;
        height: 40px;
        background-size: 100%;
    }
    #wrapper #container #right.public {
        display: block;
        position: relative;
        background: #FFFFFF;
        margin: 0 0 0 0px;
        padding: 0 0 61px;
    }
    #wrapper #container #right .section .third:first-child {
        width: 100%;
    }
    .summary{
        width:100% !important;
    }
    .three-quarter-summary-expand{
        width:100% !important;
    }

    #wrapper.login .box, #wrapper #container #right .section .box {
        display: block;
        background: #FFFFFF;
        border: 1px solid #e6e6e6;
        margin: 5px 5px 0 0;
        -moz-box-shadow: 1px 1px 0 #e6e6e6;
        -webkit-box-shadow: 1px 1px 0 #e6e6e6;
        box-shadow: 1px 1px 0 #e6e6e6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
        zoom: 1;
    }


    .message {
        width: 90% !important; 
        position: relative;
        display: inline-block;
        margin: 10px 5px 0 0;
        padding: 0 0 0 35px;
        clear: both;
        -moz-box-shadow: 1px 1px 0 #e6e6e6;
        -webkit-box-shadow: 1px 1px 0 #e6e6e6;
        box-shadow: 1px 1px 0 #e6e6e6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
        zoom: 1;
    }
    .half{
        width: 100% !important;
    }
    .label_additional_contact_state_id{width:100% !important; }
    #label_secondary_borrower_state_id{width:100% !important;}
    .ui-dialog{
        display: block;
        z-index: 1002;
        outline: 0px;
        top: 2392px;
        left: 16.5px !important;
        height: auto;
        width: 90% !important;
    }
    .wizard-mode{height: auto !important;}
    #optionsOriginalOrderId{
        width:100% !important;
        margin-bottom: 10px;
    }
    .row-input-res{width:100% !important;}

    #wrapper #container #right .box .content .wizard div.actionBar {
        display: block;
        background: url(../img/box-shadow.gif) repeat-x left top;
        padding: 10px 0px 0 !important;
        height: auto;
        float: left;
        width: 100%;
    }

    .short-fields .row .right {
        margin-left: 0px !important;
    }

    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }

    .res-primary-address{
        width: 60%;
        float: left;
    }
    res-map{
        width:100% !important;
    }
    .res-hdma{
        width:100% !important;
        padding-left: 0px !important;
    }
    .res-product-label .checkbox label{
        display: initial;
    }
    .res-custom-radio{}
    .img-responsive{width:100%; height:auto;}

    .res-primary-address-margin{
        margin-top:10px !important;
    }
    .res-primary-address-margin-state{
        margin-top:10px !important;

    }
    .res-primary-address-margin-zip{
        margin-top:12px !important;

    }
    .res-primary-address-margin-est{
        margin-top:80px !important;

    }
}

@media (min-width:480px) and (max-width: 640px){
    #wrapper #container #top #labels {
        position: absolute;
        right: 15px;
        top: 20px;
        line-height: 27px;
    }
    #wrapper #container #top h1#logo {
        display: inline-block;
        background: url(https://lp-files-dev.s3.amazonaws.com/layouts/1/1/logo_1386743633.png) no-repeat right top;
        margin: 0px 0 0px 10px;
        width: 153px;
        height: 40px;
        background-size: 100%;
    }
    #wrapper #container #right.public {
        display: block;
        position: relative;
        background: #FFFFFF;
        margin: 0 0 0 0px;
        padding: 0 0 61px;
    }
    #wrapper #container #right .section .third:first-child {
        width: 100%;
    }
    .summary{
        width:100% !important;
    }
    .three-quarter-summary-expand{
        width:100% !important;
    }

    #wrapper.login .box, #wrapper #container #right .section .box {
        display: block;
        background: #FFFFFF;
        border: 1px solid #e6e6e6;
        margin: 5px 5px 0 0;
        -moz-box-shadow: 1px 1px 0 #e6e6e6;
        -webkit-box-shadow: 1px 1px 0 #e6e6e6;
        box-shadow: 1px 1px 0 #e6e6e6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
        zoom: 1;
    }

    .res_prefix{
        width:14% !important;
    }
    .res_first_name{
        width: 12% !important;
    }
    .res_mid_name{
        width:14% !important;
    }
    .res_last_name{
        width: 13% !important;
    }
    .res_suffix{
        width: 13% !important;
    }
    .message {
        width: 90% !important; 
        position: relative;
        display: inline-block;
        margin: 10px 5px 0 0;
        padding: 0 0 0 35px;
        clear: both;
        -moz-box-shadow: 1px 1px 0 #e6e6e6;
        -webkit-box-shadow: 1px 1px 0 #e6e6e6;
        box-shadow: 1px 1px 0 #e6e6e6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
        zoom: 1;
    }
    .half{
        width: 100% !important;
    }
    .label_additional_contact_state_id{width:100% !important; }
    #label_secondary_borrower_state_id{width:100% !important;}
    .ui-dialog{
        display: block;
        z-index: 1002;
        outline: 0px;
        top: 2392px;
        left: 16.5px !important;
        height: auto;
        width: 90% !important;
    }
    .wizard-mode{height: auto !important;}
    #optionsOriginalOrderId{
        width:100% !important;
        margin-bottom: 10px;
    }
    .row-input-res{width:100% !important;}

    #wrapper #container #right .box .content .wizard div.actionBar {
        display: block;
        background: url(../img/box-shadow.gif) repeat-x left top;
        padding: 10px 0px 0 !important;
        height: auto;
        float: left;
        width: 100%;
    }

    #right .box .content .tabmenu ul li {
        float: left;
        background: none;
        border-right: 1px solid #e6e6e6;
        padding: 0;
        font: 12px/1.5em Arial;
        width: 100%;
    }
    #right .box .content .tabmenu ul li a {
        float: left;
        padding: 6px 10px 5px;
        font: 12px/1.6em Arial;
        color: #999999;
        text-decoration: none;
        outline: none;
        width: 92%;
    }
    #right .box .content .tabmenu ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        float: left;
    }
    #right .box .content .tab {
        display: block;
        background: url(../img/tabs.gif) repeat-x left -60px #FFFFFF;
        padding: 20px 17px 20px 18px;
        float: left;
        width: 90%;
    }
    .short-fields .row .right {
        margin-left: 0px !important;
    }

    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }

    .res-primary-address{
        width: 60%;
        float: left;
    }
    res-map{
        width:100% !important;
    }
    .res-hdma{
        width:100% !important;
        padding-left: 0px !important;
    }
    .res-product-label .checkbox label{
        display: initial;
    }
    .res-custom-radio{}
    .img-responsive{width:100%; height:auto;}

    .dataTables_filter > label{
        padding: 22px !important;
        width: 90% !important;
        display: block !important;
    }
    table.dataTable.no-footer {
        margin-top: 2em;
    }
}

/*Datatable css*/
.all.no-footer.dtr-inline.dataTable{
    width: 98% !important;
}
table{
    width: 98% !important;
}
div.dataTables_wrapper{
    min-width: 100% !important;
    display: block !important;
}
tr.child td.child ul li span.dtr-data br{
    clear: both;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    border: 1px solid #e6e6e6 !important;
    box-sizing: unset !important;
    padding: 0 7px !important;
    margin: 0 0 0 3px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover .paginate_button:active .paginate_button:visited{
    background: transparent !important;
    border: 1px solid #e6e6e6 !important;
    box-sizing: unset !important;
    padding: 0 7px !important;
    margin: 0 0 0 3px !important;      
    color: #127beb !important;
    text-decoration: underline;
}

.dataTables_wrapper .dataTables_filter {
    position: absolute;
    top: -46px;
    right: 21px;
}

.dataTables_filter input {
    float: right;
    background: url(../img/table-filter.gif) repeat-x left top;
    border: 1px solid #dcdcdc;
    outline: 0;
    padding: 2px 7px;
    margin: 0;
    font: 12px/1.45em Arial;
    width: 176px !important;
    height: 21px !important;

    table.dataTable thead th, table.dataTable thead td {
        border-bottom: 1px solid #ddd;
        padding: 7px 18px !important;
    }
    table.dataTable.no-footer {
        border-bottom: 1px solid #ddd;
    }
}

@media only screen and (max-width: 320px) {
    .row .right .custom-checkbox:first-child, .row .right .custom-radio:first-child {
        margin: 0px !important;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 2.5em !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-top: 0.5em !important;
    }
    .dataTables_filter label {
        display: inline-flex;
        margin-top: -8px !important;
        padding: 10px !important;
        width: 97% !important;
    }
    .dataTable {
        margin-top: 2.5em !important;
    }
    .res-primary-address-margin{
        margin-top:0px !important;
    }
    .res-primary-address-margin-state{
        margin-top:10px !important;

    }
    .res-primary-address-margin-zip{
        margin-top:12px !important;

    }
    .res-primary-address-margin-est{
        margin-top:16px !important;      
    }

    #right .box .content .tabmenu ul li {
        float: left;
        background: none;
        border-right: 1px solid #e6e6e6;
        padding: 0;
        font: 12px/1.5em Arial;
        width: 100%;
    }
    #right .box .content .tabmenu ul li a {
        float: left;
        padding: 6px 10px 5px;
        font: 12px/1.6em Arial;
        color: #999999;
        text-decoration: none;
        outline: none;
        width: 92%;
    }
    #right .box .content .tabmenu ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        float: left;
    }
    #right .box .content .tab {
        display: block;
        background: url(../img/tabs.gif) repeat-x left -60px #FFFFFF;
        padding: 20px 17px 20px 18px;
        float: left;
        width: 90%;
    }
    table.dataTable {
        padding-top: 20px; 
    }

    .row-input-reset{
        margin-left: 0 !important;
    }
    .custom-radio{
        margin: 0px !important;
        padding:4px;
    }
    div.right.form_element_row div.checkbox label{
        display: inline;
    }
    
    #wrapper #container #right .section .third:first-child{
        width: 100%;
    }
    .summary{
        width: 100% !important;
    }
    .three-quarter-summary-expand{
        width : 75% !important;
    }
    .orange{
        width : 75% !important;
    }
    .dataTables_wrapper .dataTables_filter input{
        width : 70% !important;
    }
    .half{
        width : 100% !important;
    }
    .right{
        margin-left: 0px !important;
    }        
    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }
    
    .res-primary-address{
        width: 60%;
        float: left;
    }
    res-map{
        width:100% !important;
    }
    .res-hdma{
        width:100% !important;
        padding-left: 0px !important;
    }
    .res-product-label .checkbox label{
        display: initial;
    }
    .res-custom-radio{}
    .img-responsive{width:100%; height:auto;}
   
   .res-primary-address-margin{
       margin-top:0px !important;
    }
    .res-primary-address-margin-state{
         margin-top:10px !important;
      
    }
   .res-primary-address-margin-zip{
         margin-top:12px !important;
      
    }
      .res-primary-address-margin-est{
         margin-top:16px !important;
      
    }
    .fancybox-skin{left: 10% !important;  width: 80% !important;}
    .paddingleft_right{width: 77% !important;}


}
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .dataTables_wrapper .dataTables_filter {
        margin-top: 2.5em !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-top: 0.5em !important;
    }
    .dataTables_filter label {
        display: inline-flex;
        margin-top: -24px !important;
        padding: 10px !important;
        width: 97% !important;
    }
    .dataTable {
        margin-top: 2.5em !important;
    }
    .res-primary-address-margin{
        margin-top:0px !important;
    }
    .res-primary-address-margin-state{
        margin-top:10px !important;

    }
    .res-primary-address-margin-zip{
        margin-top:12px !important;

    }
    .res-primary-address-margin-est{
        margin-top:16px !important;

    }

    #wrapper #container #right .section .third:first-child{
        width: 100%;
    }
    .summary{
        width: 100% !important;
    }
    .three-quarter-summary-expand{
        width : 75% !important;
    }
    .orange{
        width : 75% !important;
    }

    .half{
        width : 100% !important;
    }
    .right{
        margin-left: 0px !important;
    }
    #right .box .content .tabmenu{
        margin-bottom: 65px !important;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 40px !important;
    }
    .dataTables_wrapper .dataTables_filter input{
        width : 70% !important;
    }
    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }

    .res-primary-address{
        width: 60%;
        float: left;
    }
    res-map{
        width:100% !important;
    }
    .res-hdma{
        width:100% !important;
        padding-left: 0px !important;
    }
    .res-product-label .checkbox label{
        display: initial;
    }
    .res-custom-radio{}
    .img-responsive{width:100%; height:auto;}

    .res-primary-address-margin{
        margin-top:0px !important;
    }
    .res-primary-address-margin-state{
        margin-top:10px !important;

    }
    .res-primary-address-margin-zip{
        margin-top:12px !important;

    }
    .res-primary-address-margin-est{
        margin-top:16px !important;

    }
    .fancybox-skin{left: 10% !important;  width: 80% !important;}
    .paddingleft_right{width: 77% !important;}
    
}

/*Datatable css end*/
table thead{
    border-bottom: 2px solid #000000 !important;
    line-height: 1.1em !important;
    background: none !important;
    background-color:#fafafa !important;
    border-bottom: 2px solid #dfdfdf !important;
    box-shadow: 0 0 2px 0 #e6e6e6 !important;
}
table.dataTable.no-footer{
    border-bottom:none !important;
}
table.dataTable thead th, table.dataTable thead td{
    border-bottom:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #ffffff !important;
}


/*Datatable css end*/
.ui-dialog{
    left: 10% !important;
    width: 80% !important;
}
div.box form#contactViewForm div.content div.row div.right div.custom-radio{
    display: block;
    clear: both;
    /*padding: 10px !important;
    margin-bottom: 20px !important;*/
}


/**comment work**/
/** loan file summary file **/
@media only screen and (max-width: 320px) {
    #wrapper #container #right .section .third:first-child{
        width: 100%;
    }
    .summary{
        width: 100% !important;
    }
    .three-quarter-summary-expand{
        width : 75% !important;
    }
    .orange{
        width : 75% !important;
    }
    .dataTables_wrapper .dataTables_filter input{
        width : 70% !important;
    }
    .half{
        width : 100% !important;
    }
    .right{
        margin-left: 0px !important;
    }        
    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }
    
    .res-primary-address{
        width: 60%;
        float: left;
    }
    res-map{
        width:100% !important;
    }
    .res-hdma{
        width:100% !important;
        padding-left: 0px !important;
    }
    .res-product-label .checkbox label{
        display: initial;
    }
    .res-custom-radio{}
    .img-responsive{width:100%; height:auto;}
   
   .res-primary-address-margin{
       margin-top:0px !important;
    }
    .res-primary-address-margin-state{
         margin-top:10px !important;
      
    }
   .res-primary-address-margin-zip{
         margin-top:12px !important;
      
    }
    
    .res-primary-address-margin-parcel{
        margin-top:2px !important;
    }
    .res-primary-address-margin-est{
        margin-top:30px !important;

    }
    .res-primary-address-margin-legal{
        margin-top:4px !important;

    }
    
}
@media only screen and (max-width: 480px) {
    #wrapper #container #right .section .third:first-child{
        width: 100%;
    }
    .summary{
        width: 100% !important;
    }
    .three-quarter-summary-expand{
        width : 75% !important;
    }
    .orange{
        width : 75% !important;
    }

    .half{
        width : 100% !important;
    }
    .right{
        margin-left: 0px !important;
    }
    #right .box .content .tabmenu{
        margin-bottom: 65px !important;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 40px !important;
    }
    .dataTables_wrapper .dataTables_filter input{
        width: 46% !important
    }
    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }

    .res-primary-address{
        width: 60%;
        float: left;
    }
    res-map{
        width:100% !important;
    }
    .res-hdma{
        width:100% !important;
        padding-left: 0px !important;
    }
    .res-product-label .checkbox label{
        display: initial;
    }
    .res-custom-radio{}
    .img-responsive{width:100%; height:auto;}

    .res-primary-address-margin{
        margin-top:12px !important;
    }
    .res-primary-address-margin-state{
        margin-top:10px !important;

    }
    .res-primary-address-margin-zip{
        margin-top:10px !important;

    }
    .res-primary-address-margin-parcel{
        margin-top:2px !important;
    }
    .res-primary-address-margin-est{
        margin-top:95px !important;

    }
   
}

@media only screen and (max-width: 360px) {
    #wrapper #container #right .section .third:first-child{
        width: 100%;
    }
    .summary{
        width: 100% !important;
    }
    .three-quarter-summary-expand{
        width : 75% !important;
    }
    .orange{
        width : 75% !important;
    }

    .half{
        width : 100% !important;
    }
    .right{
        margin-left: 0px !important;
    }
    #right .box .content .tabmenu{
        margin-bottom: 65px !important;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 40px !important;
    }
    .dataTables_wrapper .dataTables_filter input{
        width: 46% !important
    }
    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }

    .res-primary-address{
        width: 60%;
        float: left;
    }
    res-map{
        width:100% !important;
    }
    .res-hdma{
        width:100% !important;
        padding-left: 0px !important;
    }
    .res-product-label .checkbox label{
        display: initial;
    }
    .res-custom-radio{}
    .img-responsive{width:100%; height:auto;}

    .res-primary-address-margin{
        margin-top:-4px !important;
    }
    .res-primary-address-margin-state{
        margin-top:10px !important;

    }
    .res-primary-address-margin-zip{
        margin-top:10px !important;

    }
    .res-primary-address-margin-parcel{
        margin-top:2px !important;
    }
    .res-primary-address-margin-est{
        margin-top:70px !important;

    }
   
}
@media only screen and (min-width:321px) and (max-width:768px) {
   
    .res-primary-address-label{
        width: 40% !important;
        float: left;
    }
    
    .res-primary-address{
        width: 60%;
        float: left;
    }
    .res-primary-address-margin-zip{
        margin-top:22px !important;
    }
    .res-primary-address-margin-est{
        margin-top:80px !important;

    }
    .res-primary-address-margin-legal{
        margin-top:20px !important;

    }
    
}




 .ui-dialog{
        left: 10% !important;
        width: 80% !important;
    }
    div.box form#contactViewForm div.content div.row div.right div.custom-radio{
        display: block;
        clear: both;
        /*padding: 10px !important;
        margin-bottom: 20px !important;*/
    }


.titleordertableth{
    color: #1c1c1c;
    background: #fafafa none repeat scroll 0 0 !important;
    border-bottom: 1px solid #dfdfdf !important;
    border-color: -moz-use-text-color #e6e6e6 #e6e6e6;
    box-shadow: 0 0 2px 0 #e6e6e6 !important;
    border-collapse: collapse;
    margin: -8px 0 15px -10px;
    padding: 0;
    text-align: left;
    border: 1px solid #e6e6e6;
    line-height: 1.1em;
    font-weight: bold;
    width: 99%;      
    padding: 8px 10px;
}

@media only screen and (max-width: 800px) {
 
 / Force table to not be like tables anymore /
 #no-more-tables table, 
 #no-more-tables thead, 
 #no-more-tables tbody, 
 #no-more-tables th, 
 #no-more-tables td, 
 #no-more-tables tr { 
  display: block; 
 }
 
 / Hide table headers (but not display: none;, for accessibility) /
 #no-more-tables thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
 }
 
 #no-more-tables tr { border: 1px solid #ccc; }
 
 #no-more-tables td { 
  / Behave  like a "row" /
  border: none;
  border-bottom: 1px solid #eee; 
  position: relative;
  padding-left: 5%; 
  white-space: normal;
  text-align:left;
                display: block !important;
 }
 
 #no-more-tables td:before { 
  / Now like a table header /
  position: absolute;
  / Top/left values mimic padding /
  top: 6px;
  left: 6px;
  width: 45%; 
  padding-right: 10px; 
  white-space: nowrap;
  text-align:left;
  font-weight: bold;
 }
 
 /*
 Label the data
 */
 #no-more-tables td:before { content: attr(data-title); }
}