/* Master css with basic styles and elements of all user types */

/* CSS Reset              */
/* ------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: OpenSansRegular;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

html {
    1 background-color: #373F4A;
}

body {
    line-height: 1;
    overflow-x: auto;
}

ol, ul {
    list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

input[type="text"] {
    1 border: 1px solid #c7c8c8;
    1 -webkit-box-shadow: inset 0px 1px 4px 1px #f3f3f4;
    1 box-shadow: inset 0px 1px 4px 1px #f3f3f4;
}

input[type="password"], input[type="text"] {
    border: 1px solid #c7c8c8;
    -webkit-box-shadow: inset 0px 1px 4px 1px #f3f3f4;
    box-shadow: inset 0px 1px 4px 1px #f3f3f4;
    color: #6c6c6c;
}

::-webkit-input-placeholder {
    color: #929292;
}

::-moz-placeholder {
    color: #929292;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #929292;
}

/* ie */
input:-moz-placeholder {
    color: #929292;
}

/* Defaults ====================================================== */
body {
    font-size: 1em;
    font-family: 'OpenSansRegular';
    color: #333;
    background: #FBFBFD;
}

a, a:visited {
    text-decoration: none;
}

a {
    color: #fff;
}

.clear {
    clear: both;
}

.clickableLink {
    color: #428bca !important;
}

.clickableLink:hover {
    text-decoration: underline;
    color: #428bca !important;
}

img {
    border: none;
}

.spritImg {
    display: inline-block;
    background: url(../images/sprite.png) no-repeat;
}

.disableClass {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default !important;
}

.disableClass a {
    cursor: default !important;
}

.leftIn {
    float: left;
    margin-right: 10px;
}

.blocks h6 {
    color: #6c6c6c;
    display: block;
    font-size: 13px;
    padding: 2px 0 3px;
    font-family: 'OpenSansSemibold';
    text-align: center;
}


.inputWrap .errorMsg {
    display: block;
    position: relative;
    text-align: left;
}

.semiBold {
    font-family: 'OpenSansSemibold';
    font-size: 16px;
}

.disableBtn {
    opacity: .3;
    cursor: default;
}

/* strong {

} */
.reDirect {
    color: #1864A2 !important;
}

/* Layout ===========================================*/
.outer {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.wrapper, .header, .footer, .contentArea {
    width: 1000px;
    margin: 0 auto;
}

/*header section starts ===========================================*/
.mastHead {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* W3C */
    -webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 6px 0px #ccc;
    -pie-background: linear-gradient(#FFFFFF, #ededed) !important;
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
    z-index: 1;
}

.header {
    padding: 5px 0px 5px 0px;
    display: table;
}

.header h1 {
    width: 40%;
    height: 50px;
    float: left;
}

.header h1 img {
    height: 100%;
}

.loginBtnHolder span {
    font-size: 11px;
    margin-left: 13px;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: 'OpenSansSemibold';
    cursor: pointer;
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
}

#homeloginBtnHolder span {
    font-size: 11px;
    margin-left: 13px;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: 'OpenSansSemibold';
    cursor: pointer;
    display: inline-block;
}

.loginBtn {
    background: #ECECEC;
    color: #787878;
    border: 1px solid #D6D6D6;
    background: #ECECEC; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #FFFFFF 0%, #ECECEC 100%); /* W3C */
    -pie-background: linear-gradient(#FFFFFF, #ECECEC);
    box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.3);
}

.loginBtnHolder .loginBtn:hover {
    box-shadow: 0 1px 1px 0 #B0B0B0;
}

.signupBtn {
    background: #A92A35; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #c75454 0%, #ad2b28 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #c75454 0%, #ad2b28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c75454 0%, #ad2b28 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #c75454 0%, #ad2b28 100%); /* W3C */
    -pie-background: linear-gradient(#c75454, #ad2b28);
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
    color: #FFFFFF;
    font-family: 'OpenSansSemibold';
    font-size: 13px;
    border: 1px solid #AD2B28;
}

.signupBtn:hover {
    box-shadow: 0 1px 1px 0 #888888;
}

.hNHover:hover {
    color: #346EC0;
}

/*header section end ====================================================*/

/* Content========================================*/
.introContainer {
    display: table;
    margin: 0 auto;
    text-align: center;
    padding-top: 18%;
}

.introContainer span {
    font-weight: bold;
    color: #747474;
    margin: 5px 0px 5px 0px;
    display: block;
    font-size: 1.45em;
}

.contentArea {
    margin: 0 auto;
    padding: 50px 0px 100px 0px;
    min-height: 350px;
}

.searchBar {
    display: table;
    margin: 0 auto;
    text-align: center;
    padding: 0px 0px 140px 0px;
}

.searchBar h2 {
    margin: 50px 0px 20px 0px;
    font-size: 1.2em;
    text-align: left;
    color: #747474;
}

.searchBlock {
    background: #f8f9fb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f8f9fb 0%, #d1d6da 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fb), color-stop(50%, #f8f9fb), color-stop(100%, #d1d6da));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f9fb 0%, #f8f9fb 50%, #d1d6da 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f9fb 0%, #f8f9fb 50%, #d1d6da 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f9fb 0%, #f8f9fb 50%, #d1d6da 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fb 40%, #d1d6da 100%);
    /* W3C */
    -pie-background: linear-gradient(#fbfbfd, #e4e7e9);
    display: table;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #C5CACC;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 2px #ccc;
    behavior: url(../../static/common/pie/PIE.htc);
    /* background-image: -webkit-linear-gradient(bottom, rgba(209,214,218,.59), rgba(248,249,251,.59));
	background-image: -moz-linear-gradient(bottom, rgba(209,214,218,.59), rgba(248,249,251,.59));
	background-image: -o-linear-gradient(bottom, rgba(209,214,218,.59), rgba(248,249,251,.59));
	background-image: -ms-linear-gradient(bottom, rgba(209,214,218,.59), rgba(248,249,251,.59));
	background-image: linear-gradient(to top, rgba(209,214,218,.59), rgba(248,249,251,.59));  */
}

.innerSearch {
    width: 100%;
    height: 50px;
    display: table;
    1 border-top: 1px solid #CCCECF;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 50%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(50%, #fcfcfc), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 0%, #EDEDED 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #EDEDED 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #EDEDED 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #EDEDED 100%);
    -pie-background: linear-gradient(#ffffff, #EDEDED) !important;
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
    border-bottom: 1px solid #ccc;
}

.innerSearch .blocks label {
    margin-top: 7px;
}

.citySelHolder {
    padding: 5px 15px 5px 25px;
    overflow: hidden;
}

.dropList {
    background: #fff;
}

#pane2, #pane3 {
    max-height: 200px;
}

#selCity, .selCity {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
}

select#selCity {
    opacity: 0
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* styling for home page search error messages-Deepika */
#selectcityerror {
    color: firebrick;
    left: 435px;
    position: absolute;
}

#selectareaerror {
    color: firebrick;
    left: 183px;
    position: relative;
    top: -22px;
}

/* end */
.srchHint {
    font-size: 0.8em;
    font-style: italic;
}

.srchHint p {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #5b819b;
    1 position: absolute;
}

#whereCity {
    left: 290px;
    1 position: absolute;
}

.holder {
    float: left;
    text-align: left;
    margin-right: 10px;

}

.blocks {
    float: left;
    border-right: 1px solid #cccecf;
    padding: 5px 15px 5px 25px;
    display: block;
    height: 81%;
    position: relative;
    border-radius: 5px 0 0 5px;
}

.blocksHovereffect:hover {
    background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 100%);
    -pie-background: linear-gradient(#f0f0f0, #ffffff);
    behavior: url(../pie/PIE.htc);
}

.dropList {
    width: 100%;
    position: absolute;
    left: -1px;
    top: 41px;
    overflow-x: hidden;
    overflow-y: auto;
    1 background: #fff;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    z-index: 100;
    1 display: none;
}

.dropList ul {
    margin: 2px 0px 2px 0px;
    padding: 0px 0px 0px 0px !important;
    width: auto !important;
}

.dropList li {
    font-size: 0.8em;
    text-align: left;
    padding: 4px 2px 4px 15px;
    white-space: nowrap;
    display: block;
}

.dropList li:hover {
    cursor: pointer;
    background: #76b3f3;
    color: #fff;
}

#pane2 {
    background: #fff;
    1 height: 100px;
    width: 153px !important;
}

#pane3, #pane4 {
    background: #fff;
}

.city {
    width: 115px;
    padding-left: 18px !important;

}

.cursor {
    cursor: pointer
}

.cursor label {
    cursor: pointer
}

.area {
    width: 260px;
}

.media {
    width: 125px;
    cursor: pointer
}

.innerpgHolder label {
    color: #908f8f !important;
    text-transform: capitalize !important;
}

.blocks label {
    color: #5F5C5C;
    1 font-family: 'OpenSansBold';
    1 text-transform: uppercase;
    font-size: 13px;
    padding: 2px 0px 3px 0px;
    display: block;
    font-weight: bold;
}

.blocks span {
    color: #908f8f;
    font-size: 0.8em;
}

.blocks input {
    float: left;
    width: 180px;
    padding: 6px 3px 8px 5px;
    color: #908f8f;
    font-size: 12px !important;
    font-style: italic;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    behavior: url(../../static/common/pie/PIE.htc);
    box-shadow: 0 1px 6px #ccc inset !important;
    -webkit-box-shadow: inset 0 1px 0 1px rgba(185, 212, 251, 1);
    position: relative;
}

.blocks span.dropdownIcon {
    background: url(../images/sprite.png) no-repeat 1px -27px;
    padding: 2px 5px;
    margin: 3px 0px 0px 0px;
    float: left;
}

.blocks span.dropdownIcon:hover {
    cursor: pointer;
}

.wcity {
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.mtype {
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.mtypePlace {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.buttons {
    text-shadow: 1px 1px 1px #000000;
    -moz-box-shadow: 2px 2px 10px #999;
    background: #2b65b9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #68a0f3 0%, #2b65b9 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #68a0f3 0%, #2b65b9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #68a0f3 0%, #2b65b9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #68a0f3 0%,, #2b65b9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #68a0f3 0%, #2b65b9 100%);
    /* W3C */
    -pie-background: linear-gradient(#68a0f3, #2b65b9);
    box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    -webkit-box-shadow: inset 0 1px 0 1px rgba(185, 212, 251, 1);
    -moz-box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
    cursor: pointer;
    border: 1px solid #697e9e;
    font-size: 0.9em;
    color: #fff;
    padding: 6px 8px 6px 8px;
    margin: 2px 0px 0px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right;
}

.buttons:hover {
    background: #2b65b9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(center top, #7dbaf9 0%, #2b65b9 50%, #2D66BA 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #7dbaf9 0%, #2b65b9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7dbaf9 0%, #2b65b9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7dbaf9 0%,, #2b65b9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7dbaf9 0%, #2b65b9 100%);
    /* W3C */
    -pie-background: linear-gradient(#7dbaf9, #2b65b9);
    behavior: url(../../static/common/pie/PIE.htc);
}

.searchBtn {
    padding: 7px 8px 7px 8px;
    margin-top: 1px;
}

.searchBtn span {
    background: url(../images/sprite.png) no-repeat -2px -202px;
    padding: 5px 6px 5px 6px;
    margin: 0px 8px 0px 0px
}

.formBtns {
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),
    color-stop(100%, #ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',
    endColorstr='#ededed', GradientType=0); /* IE6-8 */
    color: #232323;
    font-size: 0.8em;
    padding-top: 5px;
    text-shadow: 0px 1px 1px #ccc;
}

.formBtns:hover {
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),
    color-stop(100%, #ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',
    endColorstr='#ededed', GradientType=0); /* IE6-8 */
    color: #232323;
    font-size: 0.8em;
    padding-top: 5px;
    text-shadow: 0px 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px 0 #888888;
    -moz-box-shadow: 0 1px 1px 0 #888888;
    box-shadow: 0 1px 1px 0 #888888;
}

.formBtns span {
    background: url(../images/sprite.png) no-repeat 0px -15px;
    padding: 0px 3px 0px 5px;
}

.formBtns .nxt {

}

.nxt span {
    background: url(../images/sprite.png) no-repeat 5px 1px !important;
}

/*.userActions {
	float: right;
	margin: 10px 0px 0px 0px;
}*/

.gridContainer {
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 0px 30px 0px;
    display: table;
    behavior: url(../pie/PIE.htc);
    position: relative;
    width: 1000px;
    behavior: url(../../static/common/pie/PIE.htc);

}

.gridData {
    background: #fff;
    padding: 20px 10px 20px 10px;
}

.gridData > p {
    padding: 10px 0px 20px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 0.9em;
    color: #9a9999;
    display: table;
    float: left;
}

.gridData > span {
    color: #5995dd;
    font-weight: bold;
    padding: 0 3px;
}

.gridData table {
    border-top: 1px solid #ccc;
    padding-top: 25px;
}

.dataBlock {
    clear: both;
    display: block;
    overflow: auto;
}

.dataCols {
    float: left;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: relative;
}

.advList img:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.advList {

    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    border: 1px solid #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
    margin: 10px 15px 10px 15px;
    width: 206px;
    border-bottom: 4px solid #76bd4c;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    behavior: url(../pie/PIE.htc);
    position: relative;
}

.advList img {
    cursor: pointer
}

.listRed {
    border-bottom: 4px solid #d05252;
}

.listDetails, .listLoc {
    padding: 5px 15px 10px 20px;
}

.listDetails {
    1 display: table;
}

.listDetails span {
    color: #6d6d6d;
    font-weight: normal;
    font-size: 0.8em;
}

.listDetails p {
    color: #6d6d6d;
    font-weight: bold;
    font-size: 0.8em;
    padding: 8px 0px 5px 0px;
    margin: 0;
}

.listLoc {
    font-size: 0.8em;
    border-top: 1px solid #ccc;
    line-height: 18px;
    height: 40px;
    color: #333333;
}

.paginate {
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),
    color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f6f6f6 100%);
    /* W3C */
    behavior: url(../pie/PIE.htc);
    position: relative;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    1 border: 1px solid #e8e8e8;
    display: block;
    overflow: auto;
    padding: 0px 20px 0px 20px;
    font-size: 0.8em;
}

.pages a {
    float: left;
    padding: 6px 9px 6px 9px;
    margin: 5px 5px 0px 5px;
    color: #757575;
}

.pages a:hover, .pages a.selec {
    border: 1px solid #dedede;
    padding: 5px 8px 5px 8px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    behavior: url(../pie/PIE.htc);
}

.pages {
    float: left;
}

.pageList {
    margin: 0 auto;
    display: table;
}

.prevBtn {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 10px 20px 10px 30px;
    float: left;
    color: #757575;
    background: url(../images/sprite.png) no-repeat 6px -169px;
}

.prevBtn:hover {
    background-color: #f4f4f6;
}

.nextBtn {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 10px 30px 10px 20px;
    color: #757575;
    float: left;
    background: url(../images/sprite.png) no-repeat 68px -227px;
}

.nextBtn:hover {
    background-color: #f4f4f6;
}


/* ------------------------------------------------ */
/* Application UI CSS            */
/* ------------------------------------------------ */
.appPage {
    background: #fff !important;
}

.transparentMask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index: 2;
    display: none;
    position: fixed;
}

.mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index: 2;
    display: none;
    position: fixed;
}

.fixedMask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index: 2;
    display: none;
    position: fixed;
}

.mainPopup {
    width: 500px;
    margin-top: -175px;
    margin-left: -275px;
}

.lightBoxy {
    position: absolute;
    z-index: 99;
    text-align: center;
    background: #606162;
    1 behavior: url(../../static/common/pie/PIE.htc);
    border: 10px solid #606162;
    left: 50%;
    top: 50%;
    display: none;
    border-radius: 10px;
}

.errorMsg {
    color: firebrick;
    display: none;
    font-size: 14px;
    position: relative;
    text-align: center;
    font-style: italic;
    margin-top: 4px;
}

.errorBorder, .errorborder {
    border: 1px solid firebrick !important;
}

.editCampaign {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    1 display: none;
}

/*notes*/
.plainBox {
    position: absolute;
    text-align: center;
    border: none;
    background: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    behavior: url(../pie/PIE.htc);
    font-size: 0.8em;
    padding: 20px;
    text-align: left;
}

.hdrPop {
    border-bottom: 1px solid #bebebe;
    padding: 0px 0px 20px 0px;
}

.hdrPop .ActionBtn {
    padding: 3px 10px !important;
    float: right;
}

.footerPop .ActionBtn {
    padding: 3px 10px !important;
    margin-right: 10px;
    float: right;
}

.footerPop {
    border-top: 1px solid #bebebe;
    padding: 10px 0px 0px 0px;
}

.infoPop p {
    margin: 10px 0px 20px 0px;
    line-height: 20px;
}

.subpopup {
    position: absolute;
    width: 440px;
    min-height: 50px;
    margin-left: -100px;
    margin-top: -75px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.32);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.32);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.32);
    z-index: 100;
}

.shadeArea {
    padding: 10px;
    -webkit-box-shadow: inset 0px 1px 2px 2px #ccc;
    box-shadow: inset 0px 1px 2px 2px #ccc;
    background: #f9f9f9;
    overflow: auto;
    height: 200px;
    height: 200px;
    overflow: auto;
}

.shadeArea p {
    margin: 0px 0px 10px 0px;
}

.lightBoxy input[type="text"], .boxCont textarea, .formRow select {
    border: 1px solid #bdbdbd;
    padding: 5px 3px 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #6c6c6c;
    font-family: 'OpenSansRegular';
    font-size: 0.9em;
    1 behavior: url(../pie/PIE.htc);
    position: relative;

}

.lightBoxy input[type="text"]:focus, .boxCont textarea:focus, .formTxtBox input:focus, .formMultiRows input:focus {
    -webkit-box-shadow: 0px 1px 3px #92b1dd;
    -moz-box-shadow: 0px 1px 3px #92b1dd;
    border: 1px solid #56B4EF;
    box-shadow: 0px 0px 3px #92b1dd;
    1 behavior: url(../pie/PIE.htc);
    position: relative;
}

.boxCont {
    padding: 25px 25px 25px 25px;
    border: 5px solid #eeeeee;
    background: #eeeeee;
    text-align: left;
    line-height: 18px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    behavior: url(../pie/PIE.htc);
    position: relative;
}

.boxCont h2 {
    font-size: 25px;
    text-shadow: 0px 1px 1px #ffffff;
    text-align: left;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #dddddd;
    margin: 0px 0px 30px 0px;
    behavior: url(../pie/PIE.htc);
    position: relative;
    color: #6c6c6c;
}

.longTxt {
    width: 440px;
}


.boxCont h3 {
    font-size: 1em;
    text-shadow: 0px 1px 1px #FFFFFF;
    padding: 30px 0px 20px 0px;
    behavior: url(../pie/PIE.htc);
    position: relative;
    color: #AAAAAA
}

.boxCont textarea {
    width: 440px;
}

.boxCont button {
    cursor: pointer;
}

.userInput {
    position: relative;
}

.userInput label {
    margin: 0px 0px 10px 0px;
    display: table;
    font-size: 0.9em;
}

.userInput textarea {
    padding: 0px;
    text-align: left;
    height: 180px;
    font-size: 0.8em !important;
    padding-left: 10px;
}

.msgtxt {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 0.8em !important;
}

.toTxt {
    margin-left: 20px;
}

.fromTxt, .toTxt {
    width: 201px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .closeBtn, .crossBtnIcon {
        right: -17px !important;
        top: -19px !important;
    }
}

.boxFoot {
    background: #d9d9d9;
    display: block;
    padding: 20px 15px;
    margin: 0px 0px 0px 0px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    behavior: url(../pie/PIE.htc);
    position: relative;
}

.boxFoot a.buttons {
    float: none;
}

.closeBtn, .crossBtnIcon {
    position: absolute;
    right: 0;
    background: url(../images/sprite.png) no-repeat -2px -350px;
    1 padding: 10px 19px 10px 19px;
    right: -15px;
    top: -15px;
    z-index: 1;
    width: 33px;
    height: 35px;
    cursor: pointer;
}

.hdrTitle {
    border-bottom: 1px solid #d2d2d2;
    padding: 10px 10px 20px 0px;
    margin: 0px 0px 30px 0px;
    font-size: 1.4em;
    color: #6c6c6c;
    font-family: 'OpenSansSemibold';
}

.campaignList {
    width: 100%;
    border: 1px solid #868686;
    margin: 50px 0px 0px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f8f8f8;
    -moz-box-shadow: 0px 0px 2px 2px rgba(220, 218, 218, 0.69);
    -webkit-box-shadow: 0px 0px 2px 2px rgba(220, 218, 218, 0.69);
    box-shadow: 0px 0px 2px 2px rgba(220, 218, 218, 0.69);
    font-size: 0.9em;
}

.alignCenter {
    text-align: center
}

.campaignList thead th {
    padding: 12px 10px 12px 15px;
    border-right: 1px solid #62686d;
    text-align: left;
    background: #a4acb3;
    background: -moz-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4acb3),
    color-stop(50%, #8e969c), color-stop(100%, #878d93));
    background: -webkit-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: -o-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: -ms-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: linear-gradient(to bottom, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    -pie-background: linear-gradient(#a4acb3, #878d93);
    behavior: url(../pie/PIE.htc);
    position: relative;
    color: #fafafa;
    white-space: nowrap;
    border-top: 1px solid #ccc;
}

.campaignList thead th:first-child {
    border-top: 1px solid #ccc;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    behavior: url(../pie/PIE.htc);
    position: relative;
}

.campaignList thead th:last-child {
    border-right: none;
}

.campaignList td {
    padding: 15px 10px 15px 15px;
    border-right: 1px solid #ADB0B1;
    border-bottom: 1px solid #ADB0B1;
    color: #62686d;

}

.campaignList td a {
    color: #62686d;
}

.campaignList td p {
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
    height: 20px;

}

.campaignList td a:hover {
    text-decoration: underline;
}

.campaignList tbody tr:hover {
    background: #d2d5d6;
}

.hovercolor {
    background: #d2d5d6;
    cursor: pointer;
}

.campaignList td span.editDate {
    padding: 2px 10px 2px 10px;
    background: url(../images/sprite.png) no-repeat right -577px;
    margin-left: 10px;
    cursor: pointer;
}

.tablePaginate {
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 30px 10px 10px 10px;
    color: #888a8c;
    font-size: 0.9em;
}

.tablePaginate .pB {
    float: left;
    color: #888a8c;
}

.tablePaginate .nB {
    float: left;
    color: #888a8c;
}

.pgNum {
    float: left;
}

.pgNum a {
    border-right: 1px solid #888a8c;
    padding: 0px 10px 0px 10px;
    color: #888a8c;
}

.userItems {
    float: right;
    margin: 10px 0px 0px 0px;
}

.usrSettings {
    border-right: 1px solid #cdcdcd;
    padding: 9px 20px 8px 5px;
    margin: 5px 0px 0px 20px;
    float: right;
    position: relative;
}

#homeusrSettings {
    border-right: 1px solid #cdcdcd;
    padding: 9px 20px 8px 5px;
    1 margin: -6px 0px 0px 20px;
    float: right;
    position: relative;
    margin-top: 0px;
}

.usrSettings a {
    padding: 7px 10px 7px 10px;
    border: 1px solid transparent;
    font-size: 0.8em;
    color: #959595;
}

.usrSettings a.adNameSelc {
    padding: 7px 10px 7px 10px;
}

.usrSettings a.addborder {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(50%, #f7f7f7), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 50%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#e8e8e8', GradientType=0);
}

.usrSettings span {
    padding: 4px 5px;
    margin: 0px 0px 0px 10px;
    background: url(../images/sprite.png) no-repeat 1px -27px;
}

.userPref, .userSrch, .actionPref, .dateEdit, .manageUser, .manualAction {
    position: absolute;
}

.userPref, .manageUser {
    min-width: 135px!important;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0px 0px 0px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    behavior: url(../../static/common/pie/PIE.htc);
    -pie-background: linear-gradient(#ffffff, #f7f7f7);
    z-index: 1000;
}

.userPref ul, .manageUser ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.userPref ul li, .manageUser ul li {
    padding: 8px 20px 8px 3px;
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;
    color: #959595;
}

.userPref ul li a, .manageUser ul li a {
    font-size: 13px!important;
    text-align: left;
    padding: 5px 8px!important;
}

.userPref ul li:hover, .manageUser ul li:hover {
    cursor: pointer;
    background-color: #76b3f3;
    color: #fff;
}

.searchMedia {
    background: url(../images/sprite.png) no-repeat 106px -1934px;
}

.searchMedia:hover {
    background: url(../images/sprite.png) no-repeat 101px -199px;

}

.campaigns {
    background: url(../images/sprite.png) no-repeat 88px -2031px;
}

.campaigns:hover {
    background: url(../images/sprite.png) no-repeat 88px -2056px;
}

.manageUserIcon {
    background: url(../images/sprite.png) no-repeat 84px -444px;
}

.manageUserIcon:hover {
    background: url(../images/sprite.png) no-repeat 84px -771px;
}
.manageRuleIcon{
    background:url(../images/sprite.png) no-repeat 84px -999px
}
/* .manageRuleIcon:hover{
    background: url(../images/sprite.png) no-repeat 0 -506px;
	width: 14px;
	height: 13px;
} */
.reportNavIcon {
    background: url(../images/sprite.png) no-repeat 88px -1967px;
}

.accounts {
    background: url(../images/sprite.png) no-repeat 105px -1850px;
}

.accounts:hover {
    background: url(../images/sprite.png) no-repeat 105px -1870px;
}

.enquiry {
    background: url(../images/sprite.png) no-repeat 84px -820px;
}

.enquiry:hover {
    background: url(../images/sprite.png) no-repeat 84px -846px;
}

.propoalIcon {
    background: url(../images/sprite.png) no-repeat 86px -1027px;
}

.propoalIcon:hover {
    background: url(../images/sprite.png) no-repeat 86px -1075px;
}

.campaignIcon {
    background: url(../images/sprite.png) no-repeat 88px -1992px;
}

.campaignIcon:hover {
    background: url(../images/sprite.png) no-repeat 88px -2012px;

}

.monitorViewIcon {
    background: url(../images/sprite.png) no-repeat 88px -1808px;
}

.monitorViewIcon:hover {
    background: url(../images/sprite.png) no-repeat 88px -1827px;
}

.settings {
    background: url(../images/sprite.png) no-repeat 84px -473px;
}

.settings:hover {
    background: url(../images/sprite.png) no-repeat 84px -800px;
}

.makeLive {
    background: url("../images/sprite.png") no-repeat scroll 7px -1102px transparent;
}

.makeLive:hover {
    background: url("../images/sprite.png") no-repeat scroll 7px -1124px transparent;
}

.makeLive a:hover {
    text-decoration: none !important;
}

.workflowIcon {
    background: url(../images/sprite.png) no-repeat 86px -822px
}

.workflowIcon:hover {
    background: url(../images/sprite.png) no-repeat 85px -849px
}

.addNewIcon{
    width: 22px;
    height: 23px;
    background: url(../../common/images/sprite.png) no-repeat scroll -3px -1256px transparent;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}
.ocrInformation{
     position: absolute;
        background: #70ba50;
        color: white;
        text-shadow: 1px 1px 1px #000000;
        top: 20px;
        right: 165px;
        padding: 11px 8px;
        border-radius: 25px;
        display:none;
     }
     .tagInputBox{
        display: none;
        position: relative;
        top: -6px;
        margin-left: 5px;
     }
     .tagInputBox button{
        margin-left: 5px;
        padding: 0px 8px;
        height: 25px;
     }
     .search__field{
         margin:0px;
     }
     .select2-dropdown--above,.select2-dropdown--below{
        width: 160px!important;
     }
     .select2-search__field{
         margin: 0px!important;
     }
     .filterInputBox .select2-dropdown--above{
        width: unset!important;
     }
     .filterInputBox .select2-results__option{
         font-size: 12px;
         overflow-x: none;
     }
     .filterInputBox .select2-container{
         width: 100%!important;
     }

     .filterInputBox .select2-container--default .select2-results>.select2-results__options
     {
        overflow-x: hidden;
     }
     .filterInputBox .select2-container--default .select2-selection--single{
         border: 1px solid #c7c8c8;
         border-radius: 0px;
         height:32px
     }
     .filterInputBox .select2-results__option{
         font-size: 12px;
     }
.userPref span, .manageUser span {
    background: url(../images/sprite.png) no-repeat 1px -400px;
    padding: 2px 6px 2px 6px;
    margin: 0px 0px 0px 0px;
    float: right;
    position: absolute;
    top: -8px;
    right: 62px;
}

.userSrch {
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    padding: 10px 10px 10px 10px;
    background: #fbfbfb;
    margin: 9px 0px 0px 0px;
}

.userSrch input {
    padding: 3px 0px 3px 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: 'OpenSansRegular';
}

.adDropList {
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
    padding-top: 5px;
}

.adDropList ul {

}

.adDropList ul li {
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;
}

.adDropList ul li:hover {
    cursor: pointer;
}

.ActionBtn {
    padding: 6px 8px 6px 8px !important;
    margin: 0px 0px 0px 0px;
    border: 1px solid #c2c2c2;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(50%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 50%, #ededed 100%);
    -webkit-border-radius: 5px;
    behavior: url(../../static/common/pie/PIE.htc);
    -pie-background: linear-gradient(#ffffff, #ededed);
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #808a8a;
    font-size: 0.9em;
    cursor: pointer;
    position: relative;
}

.ActionBtn:hover {
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.25);
    text-decoration: none !important;
}

.ActionBtn span {
    background: url(../images/sprite.png) no-repeat 6px -28px;
    padding: 2px 8px 2px 8px!important;
    height: 12px;
    width: 2px;
}

.addonMenu {
    margin: 0px 0px 0px 0px;
    display: block;
    overflow: auto;
}

.addBig {
    float: left;
    margin: 0px 0px 0px 0px;
}

.addBig:hover {
    cursor: pointer;
}

.addBig a {
    float: left;
    padding: 5px 0px 5px 0px;
    color: #5c5c5d;
    font-size: 0.9em;
}

.addonMenu a.ActionBtn {
    float: right;
}

.actionPref, .secondaryActionPref, .manualAction, .groupCmnDropDown {
    background: #f7fbfe;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    1 display: none;
    top: 0;
    left: 0;
    z-index: 1;
    behavior: url(../../static/common/pie/PIE.htc);
    display: none;
/ / width: 140 px;
}

.actionPref ul, .secondaryActionPref ul, .manualAction ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.actionPref ul li, .secondaryActionPref ul li, .manualAction ul li, .groupCmnDropDown ul li {
    padding: 5px 15px 5px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: #3e3d3d;
}

.actionPref ul li {
    padding: 5px 15px 5px 25px;
}

.actionPref ul li:hover, .secondaryActionPref ul li:hover, .manualAction ul li:hover, .groupCmnDropDown ul li:hover {
    cursor: pointer;
    background-color: #76b3f3;
    color: #fff;
}

.edit {
    background: url(../images/sprite.png) no-repeat 7px -497px;
}

.edit:hover {
    background: url(../images/sprite.png) no-repeat 7px -931px;
}

.editDetails {
    background: url(../images/sprite.png) no-repeat -16px -1004px
}

.editDetails:hover {
    background: url(../images/sprite.png) no-repeat -16px -1053px;
}

.mediamapedit {
    background: url(../images/sprite.png) no-repeat -16px -1027px
}

.mediamapedit:hover {
    background: url(../images/sprite.png) no-repeat -16px -1076px;
}

.mediaStreetedit {
    background: url(../images/sprite.png) no-repeat -16px -1027px
}

.mediaStreetedit:hover {
    background: url(../images/sprite.png) no-repeat -16px -1076px;
}

.archive {
    background: url(../images/sprite.png) no-repeat 7px -519px;
}

.archive:hover {
    background: url(../images/sprite.png) no-repeat 7px -953px;
}

.delete {
    background: url(../images/sprite.png) no-repeat 7px -539px;
}

.delete:hover {
    background: url(../images/sprite.png) no-repeat 7px -973px;
}

.activate {
    background: url(../images/sprite.png) no-repeat 7px -1758px;
}

.activate:hover {
    background: url(../images/sprite.png) no-repeat 7px -1782px;
}

.deActiveUser {
    background: url(../images/sprite.png) no-repeat 7px -1650px;
}

.deActiveUser:hover {
    background: url(../images/sprite.png) no-repeat 7px -1676px;
}

.sendCredential {
    background: url(../images/sprite.png) no-repeat 7px -1606px;
}

.sendCredential:hover {
    background: url(../images/sprite.png) no-repeat 7px -1627px;
}

.headerPoiIcon {
    background: url(../images/sprite.png) no-repeat 106px -1888px;
}

.headerPoiIcon:hover {
    background: url(../images/sprite.png) no-repeat 106px -1910px;
}
.addAppProfile{
    background:url(../images/sprite.png) no-repeat -15px -446px;
}

/* .sendCredential{
			width:20px;
			height:12px;
			background-position:-19px -1216px;
			position:absolute;
			top:5px;
			left:5px;
		}
		.sendCredentialHolder:hover .sendCredential{
			background-position:-19px -1230px;
		} */
.dailogBox {
    padding: 20px;
    -webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fdfdfd;
    display: table;
    width: 40%;
    position: fixed;
    display: none;
    z-index: 5;
}

.dailogBox span {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #636364;
    font-family: 'OpenSansSemibold';
    font-size: 14px;
}

.dailogBox p {
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 10px 0px;
    color: #84868a;
    line-height: 25px;
    font-size: 15px;
}

.dailogBox a.buttons {
    float: right;
}

.dateEdit {
    border: 2px solid #879e63;
    background: #a6cc64;
    padding: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 9px 0px 0px 0px;
    display: none;
    min-width: 472px;
}

.dateEdit input {
    padding: 3px 0px 3px 3px;
    width: 100px;
    color: #52565a;
    font-family: 'OpenSansRegular';
}

.dateEdit a.ActionBtn {
    padding: 2px 7px !important

}

.CampInfo {
    display: block;
    overflow: auto;
    border-bottom: 1px solid #d2d2d2;
    padding: 0px 0px 25px 0px;
}

.CampInfo a {
    1 margin-left: 20px
}

.cHdrs {
    width: 50%;
    float: left;
}

.CampInfo h6 {
    font-size: 1.4em;
    padding: 3px 0px 10px 0px;
    font-family: 'OpenSansSemibold';
    color: #6c6c6c;
}

.CampInfo h5 {
    padding: 5px 0px 0px 0px;
}

.CampInfo a.ActionBtn {
    float: right;
    margin-top: 15px;
}

.extraBlock {
    position: relative;
}

.formMultiRows {
    display: table;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 30px;
    position: relative;
    width: 100%;
}

.formMultiRows label {
    clear: both;
    padding: 0px 0px 10px 0px;
    display: inline-block;
}

.formMultiRows p {
    float: left;
    color: #312e2e;
    font-size: 1.1em;
    font-family: 'OpenSansSemibold';
}

.editpen {
    float: left;
    background: url(../images/sprite.png) no-repeat scroll right -578px transparent;
    padding: 2px 10px;
    cursor: pointer;
}


.usrPass {
    padding: 20px 0px 5px 0px;
    border-top: 1px solid #d2d2d2;
    font-size: 1.2em;
    margin-left: 30px;
    margin-top: 10px;
}

.formTxtBox {
    display: table;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 30px;
    position: relative;
    width: 100%;
}

.formTxtBox input, .formMultiRows input, .CreateNewProposal input {
    padding: 6px 3px 6px 6px;
    margin: 5px 0px 20px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 340px;
    float: left;
    font-size: 0.9em;
    font-family: 'OpenSansRegular';
}

.formMultiRows .urlAdd {
    float: left;
    margin: 13px 0px 0px 0px;
    background: none;
    border: none;
    padding: 0px 10px 0px 0px;
    font-size: 0.9em;
}

.addUrlIn {
    width: 190px !important;
}

.buttonHolder {
    width: 375px;
    display: block;
    padding: 0px 0px 30px 0px;
    color: "#fff";
}

.buttonHolder a {
    float: right;
}

.bigBtn {
    padding: 10px 30px 10px 30px;
}

.smallBtn {
    padding: 7px 30px;
}

.labelAlert {
    position: absolute;
    left: 342px;
    display: none;
    overflow: auto;
    margin: 3px 0px 0px 0px;
    padding: 13px 20px 13px 20px;
    top: -15px;
    width: 280px;
    line-height: 15px;
}

.labelAlert p {
    padding: 7px 15px 7px 15px;
    margin: 0px 0px 0px 20px;
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(../pie/PIE.htc);
    border-radius: 5px;
    font-size: 0.8em;
    min-width: 167px;
    position: relative;
    font-size: 0.75em;
    background: #fff;
    font-weight: normal;
    color: #878787;
    margin-top: -10px
}

.labelAlert span {
    background: url(../images/sprite.png) no-repeat scroll 0px -604px transparent;
    padding: 5px 8px;
    margin-left: 0;
    border: none;
    float: none;
    top: 10px;
    position: relative;
}

.InfoAlert {
    top: -33px;
    dsiplay: none;
}

.InfoAlert span {
    top: 33px;
    position: relative;
}

.liner {
    border-top: 1px solid #d2d2d2;
    margin: 0px 0px 20px 0px;
}


/*Common snapooh buttons starts ======================================*/

.SnapoohBtn span, .retrivePasswordBtn {
    margin: 0 auto;
    padding: 10px 20px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #284674;
    display: inline-block;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000000;
    background: #2b65b9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #68a0f3 0%, #2b65b9 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #68a0f3 0%, #2b65b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #68a0f3 0%, #2b65b9 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #68a0f3 0%, #2b65b9 100%); /* W3C */
    box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    -webkit-box-shadow: inset 0 1px 0 1px rgba(185, 212, 251, 1);
    -moz-box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    -pie-background: linear-gradient(#68a0f3, #2b65b9);
    behavior: url(../../static/common/pie/PIE.htc);
    cursor: pointer;
    position: relative;
}

.SnapoohBtn span a {
    color: white !important;
    text-decoration: none;
}

/*linear-gradient for all snapoohbtn*/
.SnapoohBtn span:hover {
    background: #2b65b9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(center top, #7dbaf9 0%, #2b65b9 50%, #2D66BA 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #7dbaf9 0%, #2b65b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7dbaf9 0%, #2b65b9 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #7dbaf9 0%, #2b65b9 100%); /* W3C */
    -pie-background: linear-gradient(#7dbaf9, #2b65b9);
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
}


/*Common snapooh buttons ends ======================================*/


/*Log in popup & enquiry popup starts==========================*/
.lightBoxontainer {
    display: none;
}

.lightBoxontainer1 {
    display: none
}

.enquiryPopup {
    width: 550px;
    height: 500px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -275px;
}

#enquiryContent {
    width: 460px;
    height: 400px !important;
    padding: 30px 45px 10px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: #EEEEEE;
    overflow: hidden;
}

#enquiryContent h2 {
    font-family: 'OpenSansRegular';
    font-size: 25px;
    padding-bottom: 18px;
    color: #AAAAAA;
    border-bottom: 1px solid #E4E4E4;
    text-align: left;
    text-shadow: 0px 1px 1px #fff
}

#enquiryContent.inputBox {
    width: 400px ! important;
}

.enquiryPopup, .loginPopup {
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*TRANSPARENT BORDER STARTS*/
    border: 10px solid #bbb;
    border: 10px solid rgba(0, 0, 0, 0.2);
    -moz-background-clip: border; /* Firefox 3.6 */
    -webkit-background-clip: border; /* Safari 4? Chrome 6? */
    background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding; /* Firefox 3.6 */
    -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
    background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: content; /* Firefox 3.6 */
    -webkit-background-clip: content; /* Safari 4? Chrome 6? */
    background-clip: content-box;
    /*TRANSPARENT BORDER END*/
    color: #AAAAAA;
    font-size: 14px;
    font-family: 'OpenSansRegular';
    z-index: 5;
    text-shadow: 0px 1px 1px #fff;
}

.loginPopup {
    width: 450px;
    position: absolute;
    left: 50%;
    margin-left: -225px;
    margin-top: 100px;
}

.loginContent {
    1 width: 360px;
    padding: 30px 45px 10px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-radius: 3px;
    background: #EEEEEE;
    overflow: hidden;
    line-height: 22px;
}

.loginContent h2 {
    font-family: 'OpenSansRegular';
    font-size: 21px;
    padding-bottom: 18px;
    color: #AAAAAA;
    border-bottom: 1px solid #E4E4E4;
    text-align: left;
    text-shadow: 0px 1px 1px #fff
}

.loginInput p {
    padding: 20px 0px;
}

.loginInput {
    overflow: hidden
}

.senderInput .inputBox {
    width: 435px !important;
}

.inputBox {
    width: 335px;
    padding: 13px 10px;
    margin-bottom: 20px;
    color: #6F6F6F;
    font-size: 13px;
    border-radius: 5px;

}

#companyDeActivatedpopup button {
    color: #fff;
}

.loginInfoPopup a.haveAcc {
    color: #2F2C2C;
}

.chckBox {
    line-height: 12px;
}

.remindMe {
    line-height: 12px;
    display: inline-block;
}

.fgtPsw {
    float: right;
}

.fgtPsw a {
    color: #AAAAAA;
    line-height: 22px
}

.fgtPsw a:hover {
    text-decoration: underline
}

.snapoohLogin span, .snapoohLogin input {
    margin: 0 auto;
    padding: 10px 20px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #284674;
    display: inline-block;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000000;
    background: #2b65b9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #68a0f3 0%, #2b65b9 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #68a0f3 0%, #2b65b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #68a0f3 0%, #2b65b9 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #68a0f3 0%, #2b65b9 100%); /* W3C */
    box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    -webkit-box-shadow: inset 0 1px 0 1px rgba(185, 212, 251, 1);
    -moz-box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    cursor: pointer;

}

.snapoohLogin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.signupNow {
    margin-right: 15px;
    padding: 5px 15px;
    background: #ededed;
    color: #434446;
    cursor: pointer;
    font-size: 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff
    ), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #ffffff 5%, #ededed 100%);
    border-radius: 5px;
    border: 1px solid #979797;
    font-family: 'OpenSansSemibold';
}

.signupNow:hover {
    box-shadow: 0 1px 1px 0 #B0B0B0;
}

.cmnBtn {
    margin-right: 15px;
    padding: 5px 15px;
    background: #ededed;
    color: #6c6c6c;
    cursor: pointer;
    font-size: 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff
    ), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #ffffff 5%, #ededed 100%);
    border-radius: 5px;
    -pie-background: linear-gradient(#ffffff, #ededed);
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
    border: 1px solid #979797;
    font-family: 'OpenSansSemibold';
    display: inline-block;
}

.cmnBtn:hover {
    box-shadow: 0 1px 1px 0 #888888;
}

.loginFooter {
    width: 100%;
    background: #ccc;
    height: 60px;
    color: #5A5757;
    font-size: 13px;
    float: right;
    font-family: 'OpenSansSemibold';
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    behavior: url(../pie/PIE.htc);
    position: relative;
    line-height: 15px;
}

.loginFooter p {
    margin-top: 20px
}

.loginFooter .SnapoohBtn {
    margin-top: 15px;
}

.loginFooter p {
    float: right;
    color: #2F2C2C;
}

.haveAcc {
    margin-right: 10px;
    text-shadow: 0px 1px 1px #fff;
}

/*Log in popup & enquiry popup ends==========================*/

/*footer part starts*/

#snapoohFooter {
    width: 1000px;
    margin: 0 auto;
    background: #373F4A;
    overflow: hidden;
    color: #fff;
    padding-bottom: 20px;
    font-family: 'OpenSansRegular';
    font-size: 14px;
    line-height: 20px
}

.aboutUs, .testimonial, .snapoohDetails {
    height: 155px;
    float: left;
    padding: 20px 20px 10px;
}

.aboutUs, .testimonial {
    width: 355px;
}

.abtAlign {
    height: 155px;
    padding-right: 20px;
    background: url("../images/border.png") no-repeat scroll right top transparent
}

.abtAlign h6, .testAlign h6 {
    text-align: left;
    margin-bottom: 10px;
}

.abtAlign > p {
    margin-bottom: 10px
}

.border {
    background: url(../images/border.png);
}

.hireBtncontainer {
    width: 100%;
    height: 50px;
    background: #000;
    text-align: center;
    border-radius: 5px;
    behavior: url(../../static/common/pie/PIE.htc);
    overflow: hidden;
    position: relative;
    font-size: 15px;
    box-shadow: 0 2px 0px #646B73 !important;
    -webkit-box-shadow: inset 0 0px 0 1px rgba(255, 255, 255, 0.3);
}

.hireBtncontainer p {
    margin-top: 15px;
}

#snapoohFooter .cmnBtn {
    margin-left: 20px
}

.testimonial {
    padding: 20px 0px 10px;
}

.testAlign {
    height: 155px;
    padding-right: 20px;
    background: url("../images/border.png") no-repeat scroll right top transparent
}

.amazonImg {
    width: 177px;
    height: 69px;
}

.toCreate .enqIcon {
    float: right;
    text-align: left;
    width: 196px;
    padding-left: 10px;
    font-family: 'OpenSansRegular';
}

.contactDetails a {
    color: #fff;
    font-size: 13px
}

.contactDetails a:hover {
    text-decoration: underline
}

.contactDetails li {
    float: left;
    margin-right: 10px
}

.author {
    margin-top: 10px;
    font-size: 14px
}

.footerContainer {
    width: 100%;
    background-color: #373F4A;
    line-height: 20px;
}

.footerCopyright {
    font-size: 12px;
    color: #ccc;
    margin-left: 20px;
}

.footerCopyright a {
    color: #ccc;
}

.footerCopyright a:hover {
    text-decoration: underline
}

#shadow_image {
    background-image: url(../images/shadow_border.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 10px;
}

/*footer part end*/


input:focus {
    border: 1px solid #3399FF;
    box-shadow: #747474;
}

span .tooltip {
    background: url(../images/sprite.png) no-repeat scroll 0px -604px transparent;
    padding: 5px 8px;
    margin-left: 0;
    border: none;
    float: none;
    top: 10px;
    position: relative;
}

/*Landing Page1*/
#contentWrapper {
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    background-color: #FBFBFD;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: auto;
}

.introContainer {
    padding-top: 13%;
}

.introContainer span {
    font-family: "OpenSansSemibold";
}

.searchBar h2 {
    text-align: left;
    font-family: Trebuchet MS;
    font-size: 17px;
    margin: 50px 0 15px;
}

#contentWrapper h2 {
    padding-top: 35px;
    margin-bottom: 35px;
    font-size: 21px;
}

.snapoohCanDo {
    margin-top: 45px;
    margin-bottom: 35px;
    width: 100%;
    position: relative;
    overflow: hidden;
    line-height: 18px;
    font-family: 'OpenSansRegular';
}

.toSearch {
    width: 300px;
    height: 81px;
    padding: 0 5px;
    float: left;
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    font-family: 'OpenSansRegular';
}

.enqIcon {
    float: right;
    text-align: left;
    width: 196px;
    padding-left: 10px;
    display: inline-block;
    font-family: 'OpenSansRegular';
}

.toSend {
    width: 300px;
    height: 81px;
    padding: 0 20px;
    float: left;
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    font-family: 'OpenSansRegular';
}

.toSearch .searchIcon {
    background-image: url('../../common/images/spirite_img.png');
    background-repeat: no-repeat;
    background-position: 0 -15px;
    width: 98px;
    height: 83px;
    position: absolute;
    display: block
}

.toSend .searchIcon {
    background-image: url('../../common/images/spirite_img.png');
    background-repeat: no-repeat;
    background-position: -110px -15px;
    width: 98px;
    height: 83px;
    position: absolute;
    display: block
}

.toCreate .searchIcon {
    background-image: url('../../common/images/spirite_img.png');
    background-repeat: no-repeat;
    background-position: -216px -15px;
    width: 98px;
    height: 83px;
    position: absolute;
    display: block
}

.toCreate {
    width: 300px;
    height: 81px;
    padding: 0 20px;
    float: left;
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    font-family: 'OpenSansRegular';
}

.toSend .enqIcon {
    float: right;
    text-align: left;
    width: 196px;
    font-family: 'OpenSansRegular';
}

.imageContainer {
    width: 100%;
    overflow: hidden;
    margin-bottom: 100px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.searchImg {
    width: 293px;
    height: 260px;
    padding: 20px;
    float: left;
    text-align: center;
}

.mediaLoc {
    width: 293px;
    height: 245px;
    padding: 20px;
    float: left;
}

/***added by Hari on 16Jan13****/
.listmediaFreebtn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #B5DF5B
    ), color-stop(1, #A4D047));
    background: -moz-linear-gradient(center top, #B5DF5B 5%, #A4D047 100%);
    -pie-background: linear-gradient(#B5DF5B, #A4D047);
    background-color: #B5DF5B;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(../../static/common/pie/PIE.htc);
    position: relative;
    overflow: hidden;
    border: 1px solid #BBBBBB;
    color: #000000;
    text-decoration: none;

}

.listmediaFreebtn:hover {
    box-shadow: 0 1px 1px 0 #888888;
    -moz-box-shadow: 0px 1px 0px 0px #888888;
    -webkit-box-shadow: 0px 1px 0px 0px #888888;
}

.loginBtnHolder {
    float: right;
    margin-top: 10px;
}

#loginerrormessage {
    color: firebrick;
    left: -100px;
    position: relative;
    top: -16px;

}

#passwordloginerrormessage {
    color: firebrick;
    left: -100px;
    position: relative;
    top: -16px;

}

#loginFailedMessage label {
    color: firebrick;
    font-size: 14px;
    left: -12px;
    position: relative;
}

.ajaxResponse {
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    display: none;
}

#pages {
    text-align: center;
    color: #888A8C;
    margin-top: 20px;
}

#pages a {
    border-right: 1px solid #888A8C;
    color: #888A8C;
    padding: 0 10px;
}

#skiplabel {
    font-family: OpenSansRegular;
    color: #8F8E8E;
    font-size: 14px;
    text-decoration: underline;
}

#orlabel {
    font-family: OpenSansRegular;
    color: #8F8E8E;
    font-size: 14px;
}

#moblocks {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #CCCECF;
    1 display: block;
    float: left;
    height: 32px;
    padding: 5px 15px 5px 25px;
}

#moblocks input {
    color: #908F8F;
    float: left;
    font-size: 12px;
    font-style: italic;
    margin-left: 5px;
    padding: 6px 3px 8px 6px;
    width: 175px;
}

#moblocks label {
    color: #5F5C5C;
    display: inline-block;
    float: left;
    font-family: 'OpenSansBold';
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 0 3px;
    text-transform: uppercase;
}

.innerSearch .moblocks label {
    margin-top: 7px;
}

/*buyer send enquiry*/
/* #sendEnquiryholder{
	margin-left:-215px;
	margin-top:-280px;

} */
.hideDiv {
    display: none;
}

.showDiv {
    display: block;
}

.placeholderValue {
    display: none;
}

#buyerAccountPage .formMultiRows p {
    margin-left: 20px;
    padding-right: 10px;
    border-right: 1px solid #9c9c9c;
}

.processingMessage {
    color: green;
    display: none;
    font-size: 14px;
}

.verifyError {
    font-family: Georgia;
    font-style: italic;
    color: firebrick;
}

.verifySuccess {
    font-style: italic;
    color: green;
}

.verificationContainer {
    background-color: #FBFBB7;
    border: 1px solid #EFEC37;
    border-radius: 4px 4px 4px 4px;
    color: #A9A9AC;
    font-size: 14px;
    padding: 6px 10px;
    width: 310px;
    margin-left: 30px;
}

.verifylink {
    color: #8F8F8D;
    margin-left: 20px;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    text-decoration: underline;
}

.editPopup {
    padding: 10px;
    background: #A7CC63;
    border: 2px solid #879F65;
    border-radius: 5px;
    behavior: url(../pie/PIE.htc);
    position: absolute;
    display: none;
    z-index: 100;
}

.editPopup input[type=text], .editPopup1 input[type=text] {
    width: 165px;
    padding: 5px;
    border: 1px solid #879F65;
    box-shadow: 0 0px 2px #7D848A inset;
}

.errorMessage {
    color: firebrick;
}

/*Ajax proceesing image*/
#loadingImage {
    position: absolute;
    top: 0px;
    left: 500px;
    padding: 10px;
    background: #fbdf8a;
    color: #c26748;
    border-radius: 3px;
    font-size: 13px;
    font-family: 'OpenSansSemibold';
    z-index: 0;
    display: none;
}

.loadingImageHolder {
    padding: 10px;
    background: #fbdf8a;
    color: #c26748;
    border-radius: 3px;
    font-size: 13px;
    font-family: 'OpenSansSemibold';
}

.loadingimage {
    width: 16px;
    height: 16px;
    background: url("../images/ajax-loader1.gif") no-repeat;
    display: inline-block;
    margin-right: 5px;
    z-index: 4;
}

.loadingInlineImage {
    width: 16px;
    height: 16px;
    background: url("../images/ajax-loader1.gif") no-repeat;
    background-position: center;
    display: inline-block;
    margin-right: 5px;
    padding-right: 10px;
    z-index: 4;
    float: inherit;
}

.contentArea {
    position: relative;
}

/*verified success image*/
.verifiedImage {
    background: url("../images/success.PNG") no-repeat scroll right center transparent;
    height: 8px;
    overflow: hidden;
    display: inline-block;
    height: 16px;
    width: 21px;
    margin-top: 6px;
    margin-right: 5px;
}

.verifiedSuccessfully {
    margin-bottom: 10px;
    color: green;
    font-size: 14px;
}

.inlineEditerrorMessage {
    font-size: 13px;
    color: firebrick;
}

.errorMessage {
    color: firebrick;
    font-size: 14px;
    visibility: hidden;
}

#processingRequest {
    color: green;
    font-size: 14px;
    float: right;
    margin-bottom: 10px;
    display: none;
    float: left;
    position: relative;
    margin-left: 30px;
}

.successimage {
    background: url("../images/success.PNG") no-repeat scroll right center transparent;
    height: 25px;
    position: absolute;
    top: 8px;
    width: 21px;
    display: inline-block;
}

#passwordChangeHolder .extraBlock {
    margin-bottom: 15px;
    overflow: hidden;
}

#passwordChangeHolder .errorMessage {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
}

#pageNotfound {
    background: url("../images/pageNotfound.png") no-repeat scroll right center transparent;
    height: 291px;
    width: 290px;
    float: left;
}

/*personalised page styles*/
.personalisedpageHeader {
    background: #F6F6F5;
    border-bottom: 1px solid #CCCCCC;
}

.companyLogo {
    float: left;
    height: 91px;
    width: 10%;
    margin-right: 20px;
}

.companyLogo img {
    border: 1px solid #CCCCCC;
    box-shadow: 0px 0px 3px #ccc;
    border-radius: 5px;
}

#companyAddress {
    float: left;
    line-height: 22px;
    height: 100px;
    overflow: hidden;
}

#personalisedPageFooter {

}

#personalisedPageFooter .sellerCompanyName {
    text-align: center;
    position: absolute;
    background: #ffffff;
    position: absolute;
    top: -13px;
    left: 45%;
    padding: 0 5px;
}

.sellerCompanyName {
    font-size: 20px;
    color: #b83e49;
    font-family: 'OpenSansSemibold';
}

#personalisedPageFooter {
    font-family: 'OpenSansRegular';
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 1000px;
    border-top: 1px solid #ccc;
    position: relative;
}


/*group buttons*/
#mapButtons {
    box-shadow: 0 1px 3px 0 #B7B7C1;
    border-radius: 5px;
}

.viewBtn {
    display: inline-block;
    min-width: 60px;
    text-align: center;
    cursor: pointer;
    font-family: 'OpenSansSemibold';
    font-size: 13px;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
    float: left;
}

.viewBtn a {
    color: #808A8A;
    padding: 8px;
    display: block;
}

#photoBtn {
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #D6D6D6;
}

#viewAll {
    border: 1px solid #D6D6D6;
}

#mapBtn {
    border: 1px solid #D6D6D6;
    border-radius: 0 5px 5px 0;
}

.clickBtn {
    1 border-top: 1px solid #CECECE;
    1 border-right: 1px solid #CECECE;
    1 border-bottom: 1px solid #CECECE;
    box-shadow: 0 2px 6px #D4D4D5 inset;
    color: #6c6c68;
}

#mapLoadingImage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    text-align: center;
    padding: 5px;
    background: -moz-linear-gradient(center top, #FFFFFF 0%, #d7d7d7 100%) repeat scroll 0 0 transparent !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d7d7d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #d7d7d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #d7d7d7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #d7d7d7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0); /* IE6-8 */
    -webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
    border: 1px solid #ababab;
    color: #838383;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'OpenSansSemibold';
    z-index: 1000;
    display: none;
}

.mapLoadingImage {
    width: 16px;
    height: 16px;
    background: url("../images/ajax-loader .gif") no-repeat;
    display: inline-block;
    margin-right: 5px;
    z-index: 4;
}

/*latest css*/
tr td:first-child, th, .ActionBtn {
    font-family: 'OpenSansSemibold';
}

/*nav tab css*/
#tabs {
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #C6C6C6;
    font-family: 'OpenSansSemibold';
    overflow: hidden;
    margin-bottom: 30px;
}

#tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#tabs ul li {
    display: inline;
    margin: 0;
    text-transform: capitalize;
}

.navHover:hover {
    color: #6C6C6C !important;
    text-decoration: none !important;
    border-top: 2px solid #76B3F3 !important;
}

#tabs ul li a {
    padding: 10px 0px;
    color: #C6C6C6;
    text-align: left;
    float: left;
    text-decoration: none;
    border-left: 0;
    margin: 0;
    font-family: 'OpenSansSemibold';
    margin-right: 40px;
    border-top: 2px solid #fff;
}

#tabs ul li a.active {
    color: #6C6C6C;
    border-top: 2px solid #76B3F3;
}

/*buyer page addholder*/
.addHolder {
    height: 34px;
    border: 1px solid #CCCCCC;
    text-align: center;
    position: relative;
    background: #f8f8f8;
    border-radius: 3px 3px 3px 3px;
    behavior: url(pie/PIE.htc);
    float: left;
    cursor: pointer;
    color: #888585;
    cursor: pointer;
    display: block;
    font-family: 'OpenSansSemibold';
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.2);
}

.addHolder .addItem {
    background: url("../images/cross.png") no-repeat scroll center center transparent;
    display: inline-block;
    width: 21px;
}

.addHolder p {
    padding: 0px 10px 0 10px;
    line-height: 34px;
    height: 100%;
    float: left;
    font-family: 'OpenSansSemibold';
    font-size: 13px;
}

.addHolder p:first-child {
    border-right: 1px solid #CCCCCC;
}

/*live campaign page*/
.campignName {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.campignName:hover {
    text-decoration: underline;
}

.rowHighlight {
    background: #d2d5d6;
}

.campaignList td span.editpen {
    background: url("../images/sprite.png") no-repeat scroll right -578px transparent;
    height: 20px;
    margin-left: 10px;
    position: absolute;
    display: none;
}

span.editpen {
    background: url("../images/sprite.png") no-repeat scroll right -578px transparent;
    height: 20px;
    width: 20px;
}

#dynamicTable td:not(.expect) {
    cursor: pointer;
}

.dropMedias {
    float: left;
    font-family: 'OpenSansSemibold';
}

.ddArrow {
    background: url("../images/sprite.png") no-repeat scroll 0px -34px transparent !important;
    width: 13px;
    height: 10px;
    margin-top: 6px;
    margin-left: 10px;
}

.dropMedias span {
    padding: 0px;
    display: inline-block;
}

.dropMedias > strong {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 10px;
    display: inline-block;
    font-family: 'OpenSansSemibold';

}


.lastTaken {
    background: url("../images/sprite.png") no-repeat scroll 0px -1206px transparent;
    width: 30px;
    height: 21px;
    margin-right: 10px;
    display: inline-block;
}


.mediaAcionDrop {
    background: #f7fbfe;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 6px 0px 0px 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    behavior: url(../../static/common/pie/PIE.htc);
}

.mediaAcionDrop ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.mediaAcionDrop ul li {
    padding: 5px 15px 5px 15px;
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;
    color: #3e3d3d;
}

.mediaAcionDrop ul li:hover {
    cursor: pointer;
    background-color: #76b3f3;
    color: #fff;
}

/*already existing*/
.campaignList td {
    vertical-align: middle;
}

/*thumbPreview*/
#thumbPreview {
    width: 251px;
    height: 251px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    display: none;
    border-radius: 5px;
    box-shadow: 0 1px 1px 1px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 1px 1px 1px rgba(255, 255, 255, 0.3);
}

/*actionprf drop down */

.dropDownAction, .secondaryDropDownAction {
    width: 19px;
    height: 19px;
    background-position: 0px -1282px;
    cursor: pointer;
}

.actionPref ul li, .secondaryActionPref ul li, .manualAction ul li {
    1 padding: 5px;
    border-bottom: 1px solid #ccc;
    line-height: 17px;
}

.actionPref .spritImg, .secondaryActionPref .spritImg, .manualAction .spritImg {
    float: left;
}

.pdfImg {
    width: 16px;
    height: 18px;
    margin-right: 10px;
    background-position: -1px -1505px;
}

.editImg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-position: 0px -502px;
}

.moveImg{
    width: 16px;
    height: 16px;
    background-position: -1px -1379px;
}
.deleteImg {
    width: 16px;
    height: 17px;
    margin-right: 10px;
    background-position: 0px -544px;
}

.chckBoxHolder {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    float: left;
}

.chckBoxHolder input {
    position: absolute;
    top: -3px;
    left: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer;

}

.inputChckBox {
    width: 19px;
    height: 19px;
    position: absolute;
    1 top: 5;
    left: 0;
    display: inline-block;
}

.unChckimg {
    background: url("../images/sprite.png") no-repeat 2px -1307px;
}

.chckedImg {
    background: url("../images/sprite.png") no-repeat -16px -1306px;
}

.mapMediaPopup p {
    width: 100%;
}

.SnapoohBtnModel2 button {
    margin: 0 auto;
    padding: 10px 20px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #809367;
    display: inline-block;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #000000;
    background: #84a55a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #a7c77d 0%, #84a55a 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #a7c77d 0%, #84a55a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a7c77d 0%, #84a55a 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #a7c77d 0%, #84a55a 100%); /* W3C */
    box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    -webkit-box-shadow: inset 0 1px 0 1px rgba(185, 212, 251, 1);
    -moz-box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
    -pie-background: linear-gradient(#a7c77d, #84a55a);
    behavior: url(../../static/common/pie/PIE.htc);
    cursor: pointer;
    position: relative;
}

.chckBoxHolder {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    float: left;
}

/*seeting page css*/
.uploadimg1 {
    background: url("../images/upload.png") no-repeat scroll 0 0px #fff;
    height: 122px;
    margin-right: 10px;
    width: 116px;
    margin-left: 30px;
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.inputUplaod {

    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    right: -2px;
    top: 0;
    display: block;
    height: 122px;
}

#accountForm {
    1 border-bottom: 1px solid #ccc;
    overflow: hidden;
    float: left;
    margin-right: 100px;
}

#submitNewImgFile {
    overflow: hidden;
    float: left;
    1 padding-left: 100px;
    1 border-left: 1px solid #ccc;
}

/*important*/
.actionPref ul, .secondaryActionPref ul, ..spritImg ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.chckBoxHolder input {
    position: absolute;
    top: -3px;
    left: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer;

}

.inputChckBox {
    width: 18px;
    height: 18px;
    position: absolute;
    1 top: 5;
    left: 0;
    display: inline-block;
}

.unChckimg {
    background: url("../images/sprite.png") no-repeat 0px -1307px;
}

.chckedImg {
    background: url("../images/sprite.png") no-repeat -18px -1306px;
}

/*monitor view main navication bar*/
.headerMainNav {
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
    height: 55px;
}

.headerNavHolder .header {
    padding: 0px;
}

.headerNavHolder h3 {
    float: left;
    color: #6c6c6c;
    font-size: 22px;
    line-height: 52px;
    font-family: 'OpenSansSemibold';
}

.headerNavHolder ul li {
    float: left;

}

.headerNavHolder ul li a {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    padding: 20px;
    color: #8D9398;
    cursor: pointer;
    display: inline-block;
    font-family: 'OpenSansSemibold';
}

.navSelected a {
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    color: #666C71 !important;
    background: #fff;
}

.subSelected {
    color: #2378af;
    border-bottom: 1px solid #2378af;
}

.headerNavHolder ul {
    float: left;
}

.headerSubNav {
    border-bottom: 1px solid #ccc;
    height: 54px;
}

.subNavList li {
    font-size: 14px;
    color: #6c6c6c;
    font-family: 'OpenSansSemibold';
}

/*joint buttons*/
#navJiontButtons {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px 0 #B7B7C1;
}

.viewBtn {
    padding: 0px
}

.viewBtn a {
    display: inline-block;
    padding: 8px;
    min-width: 50px;
}

.rCornor {
    border: 1px solid #D6D6D6;
    border-radius: 5px 0 0 5px;
}

.middleBtns {
    border: 1px solid #D6D6D6;
}

.lCornor {
    border: 1px solid #D6D6D6;
    border-radius: 0 5px 5px 0;
}

/*common map search css*/

#siteList {
    float: left;
    width: 235px;

}

#siteList #siteListHolder p {
    border-bottom: 1px solid #D6D6D6;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
}

#sitesDisplay {
    display: inline-block;
    border-right: 1px solid #D6D6D6;
    white-space: nowrap;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#slideRight span {
    display: inline-block;
    background: url(../images/nextarrow.png) no-repeat 0px 0px;
    padding: 23px 18px;
    background-position: center;

}

#slideRight {
    height: 48px;
    position: absolute;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
    display: none;
    z-index: 1000;
}

.arrow {
    display: inline-block;
    background: url(../images/maparrow.png) no-repeat 0px 0px;
    padding: 20px;
    background-position: center;
    border-right: 1px solid #DCDCDC;
    cursor: pointer;
}

.nextArrow {
    display: inline-block;
    background: url(../images/nextarrow.png) no-repeat 0px 0px;
    padding: 20px;
    background-position: center;
    border-left: 1px solid #DCDCDC;
    float: right;
    cursor: pointer;
}

#slideshowNavication {
    margin-top: 20px;
    border: 1px solid #DCDCDC;
    height: 40px;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
}

#slideshowNavication li {
    float: left;
}

#photoCount {
    width: 310px;
    margin-top: 15px;
    text-align: center;
    font-size: 13px;
}

#siteList ul {
    padding: 15px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

#siteList ul:hover {
    background-color: #E7EFF7;
}

#siteList ul li:first-child {
    margin-bottom: 10px;
}

.listId {
    margin-right: 35px
}

#map {
    width: 760px;
    height: 610px;
    float: right;
    margin-right: 5px;
}

.listmapItems {
    cursor: pointer;
    font-size: 13px;
    padding: 10px;
    white-space: nowrap;
}

.settingIcon {
    width: 19px;
    height: 19px;
    background-position: 0px -1282px;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

#mapView, #listStripView, .mapView {
    box-shadow: 0 0 1px 1px #CCCCCC;
}

/*monitor view css*/
.outer {
    overflow: visible;
}

.innerSearch {
    box-shadow: 0 1px 2px 1px #CCCCCC;
}

.gridData {
    padding: 20px 1%;
}

.advFilterHolder {
    font-size: 14px;
    padding: 5px 0px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.advFilterHolder a {
    color: #528ed8
}

.filterByUrChoice {
    width: 325px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #ccc;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 999;
    box-shadow: 0px 0px 1px 1px #ccc;
    display: none;
}

.filterHF {
    padding: 10px;
    background: #edf7ff;
}

.filterHeader .settingIcon {
    margin-top: 0px;
}

.filterHeader select {
    width: 100px;
}

.filterBody {
    background: #fff;
    font-size: 13px;
}

.filterTB {
    border-bottom: 1px solid #ccc;
    padding: 15px 2%;
}

.filterTB .cmnBtn {
    margin-left: 10px;
    float: left;
}

.filterHeader {
    border-bottom: 1px solid #ccc;
}

.filterTB .chckBoxHolder {
    margin-right: 2px;
    margin-top: 5px;
}

.filterTB > div {
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 25px;
}

.filterTB label {
    width: 35%;
    float: left;
    margin-right: 1%
}

.filterTB .filterInputBox {
    width: 61%;
    float: left;

}

.filterTB input, .filterTB select {
    width: 100%;
    padding: 5px 2%;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 4px 1px #E4D9DA inset;
}

.tagInfoDiv select, .alertInfoDiv select {
    width: 70%;
    padding: 5px 2%;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 4px 1px #E4D9DA inset;
    color: #6c6c6c;
}

.tagSelboxWrap, .alertSelboxWrap {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 5%;
    border-top: 1px solid #ccc;
    display: none;
    width: 90%;
}

.ShareboxWrap {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding: 7px 0px;
    border-top: 1px solid #ccc;
}

.shareBtn {
    width: 30%;
    padding: 5%;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #809367;
    border-radius: 5px;
    background: #84a55a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #91C15D 0%, #84a55a 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #91C15D 0%, #84a55a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #91C15D 0%, #84a55a 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #91C15D 0%, #84a55a 100%);
    /* W3C */
    -webkit-box-shadow: inset 0 1px 0 1px rgba(185, 212, 251, 1);
    -moz-box-shadow: 0 1px 0px rgba(185, 212, 251, 1) inset !important;
}

.filterFooter {
    text-align: center;
}

.filterFooter .cmnBtn {
    display: inline-block;
}

.imgTypeChkBx {
    float: left;
    margin-right: 4px;
}

.imgTypeChkBx input {
    padding: 0px;
    width: auto;
}

#selectDefault {
    display: none;
}

#newFilterHolder {
    display: none;
}

.mgFilterHolder {
    position: absolute;
    background: #fff;
    top: 42px;
    left: 0px;
    width: 98%;
    margin-left: 2px;
    border: 1px solid #ccc;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 1px 1px #ccc;
}

.mgOptionHolder {
    float: right;
    display: none;
}

.mgfilterHeader {
    border-bottom: 1px solid #ccc;
}

.mgfilterBody {
    background: #fff;
    padding: 1%;
}

.mgfilterBody li {
    font-size: 14px;
    border-radius: 3px;
    height: 40px;
    border: 1px solid #fff;
}

.fmlistHightlight {
    background: #f6f8f9;
    border: 1px solid #ccc !important;
}

.mgfilterName {
    float: left;
    padding: 10px;
}

.mgOptions {
    float: right;
    height: 100%;
    padding: 0 12px;
    background: #e6eff3;
    text-align: center;
}

.editOption {
    margin-top: 10px;
    padding: 10px;
    display: inline-block;
    background-position: -18px -578px;
    cursor: pointer;
}

.deleteIcon {
    margin-top: 10px;
    padding: 10px;
    display: inline-block;
    background-position: -2px -1330px;
    cursor: pointer;
}

#getfilterBox {
    cursor: pointer;
}

#getfilterBox:hover, #getActionBox:hover {
    text-decoration: underline;
}

#getActionBox {
    cursor: default;
    1 float: left;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.ActionListHolder {
    width: 140px;
    font-size: 14px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 1px 1px #ccc;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 1;
}

.ActionListHolder ul li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.ActionListHolder ul li:hover {
    background: #76b3f3;
    color: #fff;
}

.conformationPopup {
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    text-align: center;
}

.dailogBox p {
    margin: 10px 0px;
}

#retakePhotoHolder {
    font-size: 14px;
}

#delFilters {
    padding: 10px;
    border-top: 1px solid #ccc;
    display: none;
}

.dataItem {
    font-size: 13px;
    box-shadow: 0 0 5px rgba(50, 50, 50, 0.3);
    float: left;
    margin-right: 24px;
    margin-bottom: 20px;
}

.lBrdr {
    border-right: 1px solid #ccc;
}

.inbxSprit {
    background: url(../images/inbxSprit.png) no-repeat;
    display: inline-block;
}

.itemHead {
    padding: 5px 10px;
    overflow: hidden;
}

.itemHead, .itemShare {
    background: #F6F6F8;
}

.itemHead > div, .itemHead span {
    float: left;
}

.takTime {
    background-position: -39px -22px;
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.takDate {
    margin-right: 10px;
}

.camImg {
    background-position: -55px -21px;
    width: 15px;
    height: 14px;
    margin-right: 10px;
}

.sharedImg {
    background-position: -74px -19px;
    width: 20px;
    height: 15px;
    margin-right: 10px;
}

.mapOn {
    background-position: 0px -63px;
    width: 32px;
    height: 15px;
    margin-right: 10px;
}

.mapOff {
    background-position: -35px -63px;
    width: 32px;
    height: 15px;
    margin-right: 4px;
}

.geoEnable {
    background-position: -44px -42px;
    width: 15px;
    height: 17px;
    margin-right: 10px;
}

.geoDisable {
    background-position: -59px -42px;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.takImg {
    background-position: -84px 1px;
    width: 13px;
    height: 15px;
    margin-right: 5px;
}

.mediaImg {
    background-position: -66px 0px;
    width: 14px;
    height: 15px;
    margin-right: 10px;
}

.placesImg {
    background-position: -112px 0px;
    width: 14px;
    height: 15px;
    margin-right: 10px;
}

.poiImg {
    background-position: -98px 0px;
    width: 14px;
    height: 15px;
    margin-right: 10px;
}

.googlePlaceImg {
    background-position: -127px 0px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.linkingCampaign {
    background-position: -113px -18px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.mappedImg {
    background-position: -53px 0px;
    width: 13px;
    height: 16px;
    margin-right: 10px;
}

.openSemi {
    font-family: 'OpenSansSemibold';
    color: #6c6c6c !important;
}

.openBold {
    font-family: 'OpenSansBold';
    color: #6c6c6c !important;
}

.openItalic {
    font-family: 'OpenSansItalic';
    color: #6c6c6c;
}

.chainImg {
    background-position: -16px -106px;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.takCount {
    margin-right: 5px;
}

.itemId > span {
    1 line-height: 18px;
    color: #6c6c6c;
}

.itemfoot > div {
    float: left;
    width: 20%;
    text-align: center;
}

.itemfoot > div > div {
    padding: 10px 0px;
    cursor: pointer;
}

.itemfoot > div > div:hover {
    background: #F6F6F8;
}

.alrtImgOn {
    background-position: -76px -39px;
    width: 19px;
    height: 19px;
}

.alrtImgOff {
    background-position: -98px -39px;
    width: 19px;
    height: 19px;
}

.tagImgOn {
    background-position: 0px -38px;
    width: 17px;
    height: 19px;
}

.tagImgOff {
    background-position: -22px -38px;
    width: 17px;
    height: 19px;
}

.shareImgOn {
    background-position: 0px 2px;
    width: 18px;
    height: 19px;
}

.shareImgOff {
    background-position: -30px 3px;
    width: 18px;
    height: 19px;
}

.notesImgOn {
    background-position: 0px -82px;
    width: 16px;
    height: 19px;
}

.notesImgOff {
    background-position: -17px -82px;
    width: 16px;
    height: 19px;
}

.actionImg {
    background-position: 0 -1282px;
    width: 19px;
    height: 19px;
}

.itemBody {
    position: relative;
}

.itemInfo {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    color: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

.infoDiv {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 5%;
    width: 90%;
    height: 90%;
    z-index: 1;
}

.infoDiv ul {
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    line-height: 20px;
    1 list-style: disc;
}

.itemInfoMask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
}

.BMask {
    background: #474852;
    opacity: 0.85;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.WMask {
    background: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.delNew {
    position: absolute;
    top: 0px;
    right: 5px;
    color: red;
    cursor: pointer;
    background-position: 0 -124px;
    width: 21px;
    height: 23px;
    top: -6px;
    right: -5px;

}

.delTag, .delAlert {
    display: none;
}

.infoOdd {
    background: #F3F3F3;
}

.infoHead .inbxSprit {
    float: left;
}

.infoHead .infoHeadTxt {
    margin-top: 0px;
    float: left;
    margin-top: 3px;
    font-family: 'OpenSansSemibold';
}

.ps_prev,
.ps_next {
    width: 45px;
    height: 67px;
    position: absolute;
    top: 50%;
    margin-top: -34px;
    cursor: pointer;
    1 opacity: 0.5;
}

.ps_prev {
    background: transparent url(../../common/images/prev.png) no-repeat top center;
    left: 11px;
}

.ps_next {
    background: transparent url(../../common/images/next.png) no-repeat top center;
    right: 20px;
}

.calendarimage {
    background: url("../../common/images/calendarimage.png") no-repeat;
    height: 25px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    1 margin-left: 16px;
    cursor: pointer;
}

.icon-rightarrow {
    width: 86px;
    height: 21px;
    background: url(../../common/images/slidedown.png) no-repeat;
}

.icon-downarrow {
    width: 86px;
    height: 21px;
    background: url(../../common/images/slideup.png) no-repeat;
}

.mainSprite {
    background: url(../../common/images/mainSprite.png) no-repeat;
    display: inline-block;
}

.campaignList .active {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position: 0 -1709px;
}

.deActive {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position: 0 -1734px;
}

.editIcon {
    position: absolute;
    /* margin-left:10px; */
    background: url("../../common/images/sprite.png") no-repeat right -578px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    float: right;
}


/*filter popups*/
.selectType {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #C3C2BB;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 700;
    margin: 0;
    position: relative;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    width: 150px;
    color: #636364;

}

.selectType p {
    float: left;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px;
    margin: 0px;
    line-height: inherit;
}

.searchfilters > div {
    float: left;
    padding: 10px;
}

.filterOption > div {
    float: left;
    margin-left: 15px;
    position: relative;
}

.filterOption {

    border-right: 1px solid #ccc;
}

.filterOption > div a.buttons {
    padding: 10px 20px;
    font-size: 0.8em;
}

.selectType span {
    background: url("../images/downArw.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border-left: 1px solid #E0DFD6;
    float: right !important;
    padding: 10px 15px;
}

.subList {
    position: absolute;
    background: #fff;
    width: 100%;
    display: none;
}

.subList ul {
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    max-height: 150px;
    overflow: auto;
    z-index: 1000;
}

.subList ul li {
    padding: 5px 10px;
    font-size: .8em;
    cursor: pointer;
}

.subList ul li:hover {
    background: #76B3F3;
    color: #fff;
}

.list-item-hover {
    background-color: #E7EFF7;
}

.list-item-clicked {
    background-color: #E7EFF7;
}

.removeCross {
    background: url("../images/uploadify-cancel.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

/*Ajax loading response*/
.alertBoxWrap {
    width: 100%;
    height: 0px;
    margin: 0 auto;
    position: fixed;
    top: 0px;
    text-align: center;
    display: none;
    z-index: 9999;
}

.alertBox {
    display: inline-block;
}

.alertBox {
    color: #6c6c6c;
    border-radius: 10px;
    font-family: 'OpenSansSemibold';
    font-size: 11px;
    padding: 10px 36px;
}

.loadingBox {
    background: #fbdf8a url('../images/ajax-loader1.gif') no-repeat 10px 50%;
    border: 1px solid #fbcfba;
}

.boxSpinner {
    background: url('../images/ajax-loader1.gif') no-repeat center;
    width: 100%;
    height: 100%;
}

.errorBox {
    background: #ffecec url('../../images/error.png') no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

.successBox {
    background: #e9ffd9 url("../images/success.PNG") no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

.noticeBox {
    background: #e3f7fc url('../../images/notice.png') no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}

.forSelect {
    margin-bottom: 20px;
/ / overflow: unset;
    height: 30px;
}

.forSelect > div {
    float: left;
}

.forSelect .cmnSpan {
    width: 129px;
}

#saveMediaForm .forSelect select {
    margin: 0px;
    box-shadow: none;
    padding-bottom: 4px;
}

.aSprite {
    background: url("../images/aSprite.png") no-repeat;
    display: inline-block;
}

.selectComboBox .dropdownIcon {
    background: url("../images/sprite.png") no-repeat scroll 1px -30px rgba(0, 0, 0, 0);
    padding: 0 5px;
}

.selectComboBoxWrap {
    position: relative;
    font-size: 13px;
    float: left;
    height: 40px;
}

.selectComboBox {
    background: #F8F8F8;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.selectComboBox .innerpgHolder h6 {
    width: 150px;
    padding: 10px;
    font-size: 13px;
}

.selectComboBoxDropDown {
    width: 100%;
    position: absolute;
    left: -1px;
    overflow-x: hidden;
    overflow-y: auto;
    1 background: #fff;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    background: #fff;
    z-index: 100;
    1 display: none;
}

.selectComboBoxDropDown ul {
    margin: 2px 0px 2px 0px;
    padding: 0px 0px 0px 0px !important;
    width: auto !important;
}

.selectComboBoxDropDown li {
    font-size: 0.8em;
    text-align: left;
    padding: 4px 2px 4px 15px;
    white-space: nowrap;
    display: block;
}

.selectComboBoxDropDown li:hover {
    cursor: pointer;
    background: #76b3f3;
    color: #fff;
}


.nPopupWrap {
    width: 540px;
    background: #fff;
    position: absolute;
    top: 100px;
    left: 30%;
    border: 1px solid #ccc;
    border-radius: 2px;
    z-index: 999;
    line-height: 1;
}

.nPopupWrap .nPopUpHeader {
    padding: 10px;
}

.nPopUpHeader h2 {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #6c6c6c;
    font-family: 'OpenSansSemibold';
    text-align: left;
}

.nPopUpHeader p {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 20px;
    color: #6c6c6c;
}

.nPopupWrap .nPopUpFooter {
    padding: 10px 10px 20px;
    background: #EBEBEB;
}

.nPopUpFooter p {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.agencyListLink {
    background: #328bbc;
    padding: 10px;
    border: none;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.agencyListLink:hover {
    box-shadow: 0 0 3px 1px #CCCCCC;
    -webkit-box-shadow: 0 0 3px 1px #CCCCCC;
    -moz-box-shadow: 0 0 3px 1px #CCCCCC;
}

.nPopUpFooter a {
    width: 80%;
}


.postCampaignReqPopupWrap * {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.postCampaignReqPopupWrap {
    width: 775px;
    position: absolute;
    top: 100px;
    left: 25%;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 1000
}

.pcrInstruct {

}

.pcrInstruct > div {

    width: 244px;
    line-height: 19px;
    padding: 20px 30px 30px 50px;
    float: left;
}

.pcrInstruct .aSprite {
    margin: 0 auto;
    display: block;
}

.pcrInstruct p {
    font-size: 13px;
    text-align: center;
}

.instructOrder {
    width: 24px;
    height: 24px;
    border: 2px solid #328bbe;
    border-radius: 50%;
    color: #328bbe;
    text-align: center;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
}

.lookFor {
    background-position: 0px 0px;
    width: 75px;
    height: 70px;
}

.needCampaign {
    background-position: -84px 0px;
    width: 63px;
    height: 66px;
}

.macthReq {
    background-position: -152px 0px;
    width: 67px;
    height: 65px;
}

.pcrUInfo {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    padding: 20px 30px;
}

.pcrUInfo h3 {
    margin-bottom: 20px;
    font-family: 'OpenSansSemibold';
}

.pcrInfoInput {
    float: left;
}

.pcrInfoInput p {
    font-size: 14px;
    padding: 12px 0;
    overflow: hidden;
}

.pcrInfoInput label {
    width: 30%;
    float: left;
}

.pcrInfoInput p > span {
    width: 70%;
    float: left;
}

.pcrInfoInput input {
    width: 100%;
    display: inline-block;
    padding: 5px;
}

.pcrInfoInput .errorMsg {
    margin-left: 30%;
    width: 70%;
}

.nBtnHolder {
    text-align: center
}

.nBtnHolder .nBtn {
    width: 20%;
    cursor: pointer;
}

.nBtn {
    background: #328bbc;
    padding: 10px;
    border: none;
    border-radius: 3px;
    display: inline-block;
    margin: 0 auto;
    color: #fff;
}

.pcrContactInfo {
    padding: 20px;
    height: 65px;
}

.pcrContactInfo > div {
    float: left;
    padding: 10px;
}

.pcrPhoneIcon {
    background-position: 0px -77px;
    width: 45px;
    height: 42px;
    float: left;
}

.pcrContactInfo span {
    display: block;
}

.agenciesPopupWrap .chzn-drop {
    width: 100% !important;
    top: 100% !important;
    text-align: left;
}

.agenciesPopupWrap .chzn-single {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    position: absolute !important;
    width: 100%;
    height: 100% !important;
    top: 0px;
}

.agenciesPopupWrap .chzn-container {
    width: 100% !important;
    height: 100%;
    display: block;
    position: absolute;
    top: -3px;
}

.agenciesPopupWrap .chzn-container .chzn-results {
    width: 100% !important;
}

.agenciesPopupWrap .chzn-container-single .chzn-search input {
    width: 100% !important;

}

.mapToolTipHolder {
    background: #fff;
    width: 300px;
    border: 1px solid #ccc;
    overflow: hidden;
    font-size: 15px;
    padding: 10px;
    box-shadow: 0 0 2px 1px #CCCCCC;
    border-radius: 5px;
}

.mapToolTipHolder p {
    font-size: 13px;
    line-height: 20px;
}

.mapTTImgHolder {
    float: left;
    width: 105px;
    height: 90px;
    margin-right: 10px;
}

.mapTTImgHolder img {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 2px 1px #CCCCCC;
    border-radius: 3px;
}

.mapTTDHolder {
    float: left;
    line-height: 20px;
    width: 60%;
}

.mapTTDHolder h2 {
    font-size: 14px;
    font-family: 'OpenSansSemibold';
}

.noResult {
    text-align: center;
    margin-top: 100px;
    font-family: 'OpenSansSemibold';
    color: #6c6c6c;
}

.noResultMsg {
    width: 100%;
    text-align: center;
    padding: 100px 0px;
    display: none;
}

/* inventory dashboard css */
.fullSelType .dropdownIcon {
    background: url(../images/sprite.png) no-repeat 1px -30px;
    padding: 0px 5px 0px 5px;
}

.mfdGContent {
    height: 100px;
    padding: 20px;
    background: url(../images/bigIcon.png) no-repeat;
}


/* dataTable css starts */
.campaignList {
    clear: both;
    margin-bottom: 10px;
}

.dataTables_length {
    float: left;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-left: 10px;
}

.dataTables_filter {
    float: right;
    text-align: right;
}

table.dataTable thead .sorting {
    cursor: pointer;
    *cursor: hand;
}

input[type="search"], .dataTables_length select, .dataTables_wrapper input[type="text"] {
    border-radius: 3px;
    border: 1px solid #c7c8c8;
    -webkit-box-shadow: inset 0px 1px 4px 1px #f3f3f4;
    box-shadow: inset 0px 1px 4px 1px #f3f3f4;
    padding: 6px 3px 6px 6px;
    color: #6c6c6c;
    margin-left: 10px;
}

#linkingCampaignPopup select {
    border-radius: 3px;
    border: 1px solid #c7c8c8;
    -webkit-box-shadow: inset 0px 1px 4px 1px #f3f3f4;
    box-shadow: inset 0px 1px 4px 1px #f3f3f4;
    padding: 6px 3px 6px 6px;
    color: #6c6c6c;
    margin-left: 10px;
}

table.dataTable thead .sorting {
    background: url("../images/dataTableImages/sort_both.png") no-repeat center right;
}

table.dataTable thead .sorting_asc {
    background: url("../images/dataTableImages/sort_asc.png") no-repeat center right;
}

table.dataTable thead .sorting_desc {
    background: url("../images/dataTableImages/sort_desc.png") no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
    background: url("../images/dataTableImages/sort_asc_disabled.png") no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
    background: url("../images/dataTableImages/sort_desc_disabled.png") no-repeat center right;
}

#inventoryDetailtListTable thead th, #vaccancyTypeTable thead th {
    background-color: #a4acb3;
    background-color: -moz-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4acb3),
    color-stop(50%, #8e969c), color-stop(100%, #878d93));
    background-color: -webkit-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background-color: -o-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background-color: -ms-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background-color: linear-gradient(to bottom, #a4acb3 0%, #8e969c 50%, #878d93 100%);
}

.dataTables_empty {
    text-align: center;
}

.addrIcon {
    width: 12px;
    height: 18px;
    margin-right: 0px;
    background-position: -1px -1536px;
    float: left;
}

.pIcon {
    width: 24px;
    height: 24px;
    margin-right: 0px;
    margin-left: 20px;
    margin-top: -5px;
    background-position: -5px -1560px;
    float: left;
    cursor: pointer;
}

.stackIcon {
    width: 15px;
    height: 18px;
    margin-right: 0px;
    background-position: -21px -1536px;
    float: left;
}

.dropIcon {
    width: 18px;
    height: 16px;
    margin-left: 0px;
    background-position: 0px -1591px;
    float: left;
}

/* grayHeader popup */
.popupGryHdr {
    padding: 10px 20px;
    border-radius: 3px 3px 0px 0px;
    text-align: left;
    background: #a4acb3;
    background: -moz-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4acb3),
    color-stop(50%, #8e969c), color-stop(100%, #878d93));
    background: -webkit-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: -o-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: -ms-linear-gradient(top, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    background: linear-gradient(to bottom, #a4acb3 0%, #8e969c 50%, #878d93 100%);
    behavior: url(../pie/PIE.htc);
    position: relative;
    color: #fafafa;
    white-space: nowrap;
    border-top: 1px solid #ccc;
    width: 100%;

}

.editHighlight {
    -webkit-box-shadow: 0 0 2px 1px #0000FF inset !important;
    box-shadow: 0 0 2px 1px #0000FF inset !important;
}

.wantHelp {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    background: url(../images/help.png) no-repeat;
    cursor: pointer;
}

.chooseOptionPopup .buttons {
    font-family: 'OpenSansSemibold';
    margin-right: 30px;
    float: none;
    display: inline-block;
}

.chooseOptionPopup h2, .chooseOptionPopup h3 {
    font-family: 'OpenSansSemibold';
    color: #666666;
}

.chooseOptionPopup h2 {
    padding: 0px 0px 15px;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}

.chooseOptionPopup > h3 {
    padding: 25px 0px;
    text-align: center;
    font-size: 17px;
}

.lBasedChoice > div {
    border-right: 1px solid #ccc;
}

.lChoice {
    width: 50%;
    float: left;
    text-align: center;
}

.lChoice > div {
    padding: 0px 5%;
    margin-bottom: 30px;
}

.chooseOptionPopup {
    padding: 20px;
}

.activeHolder {
    display: block;
}

.ddModel1 {
    background-position: -98px -19px;
    height: 6px;
    margin-top: 10px;
    width: 9px;
    cursor: pointer;
}

.availStatus {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
}

.conflictStatus {
    background: url(../images/errorStatus.png) no-repeat;
}

.noConflictStatus {
    background: url(../images/successStatus.png) no-repeat;
}

.searchAliasHold span {
    background: url(../images/sprite.png) no-repeat 8px -1936px;
    position: absolute;
    right: 22px;
    top: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.showingDetails {
    color: #6c6c6c;
    font-size: 14px;
    margin-top: 10px;
    font-family: "OpenSansSemibold";
}

.showingDetails1 {
    color: #6c6c6c;
    font-size: 14px;
    margin-top: 10px;
    font-family: "OpenSansSemibold";
}

.deleteIcon {
    background: url("../images/delete.png") no-repeat;

}

.indicationMarker {
    width: 24px;
    height: 27px;
    display: block;
    float: left;
}

.currentCampainMediaIcon {
    background: url("../images/campaign_media_icon.png") no-repeat;
}

.ExistCampainMediaIcon {
    background: url("../images/map_sprite.png") no-repeat;

}

.overViewSprt {
    background: url(../images/overView_sprite.png) no-repeat;
    display: inline-block;
}

.dbSmallSprt {
    background: url(../images/dashBoard_small_icons_sprite.png) no-repeat;
    display: inline-block;
    float: left;
    margin-right: 20px
}

.inputBoxIconWrap {
    display: inline-block;
    position: relative;
}

.inputBoxIconWrap > span {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width:
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}


/*new design css stats by divya*/
.loginInputtext p {
    padding: 20px 0px;
}

.loginInput {
    overflow: hidden;
}

.sprite_07 {
    background: url("../images/sprite-07.png") no-repeat;
    display: inline-block;
}

.spr1 {
    background-position: 0px;
    height: 26px;
    width: 28px;
}

.spr2 {
    background-position: -27px;
    height: 29px;
    width: 28px;
}

.spr3 {
    background-position: -57px;
    height: 29px;
    width: 28px;
}

.spr4 {
    background-position: -83px;
    height: 29px;
    width: 28px;
}

.spr5 {
    background-position: -111px;
    height: 29px;
    width: 28px;
}

.spr6 {
    background-position: -139px;
    height: 29px;
    width: 28px;
}

.padding {
    padding-left: 0px;
    padding-right: 0px;
}

.margin {
    margin-bottom: 39px;
}

.a1 {
    text-align: left
}

#verticle-line {
    width: 2px;
    min-height: 25px;
    background: #999;
    margin-left: 36px;
    margin-right: 36px;

}

#vertical-line1 {
    width: 2px;
    min-height: 302px;
    background: #CCCCCC;
    margin-top: 26px;
}

.col-sm-1 {
    padding-right: 0px;
    width: 5.333333%;
}

.inputBox1 {
    width: 272px;
    padding: 13px 10px;
    margin-bottom: 20px;
    color: #6F6F6F;
    font-size: 13px;
    border-radius: 5px;
}

#login {
    padding-right: 0px;
    padding-left: 0px;
}

#textCenter {
    padding-right: 63px;
    text-align: center;
}

.error {
    color: firebrick;
    margin: 10px 0 0 10px;
    font-weight: 500;
}

.ppIcons {
    display: inline-block;
    background: url(../images/ppIcons.png) no-repeat;
}

.addCircle {
    background-position: -25px 0px;
    width: 25px;
    height: 25px;
}

.detailEye {
    background-position: 0px 0px;
    width: 25px;
    height: 25px;
}

.ppAddrIcon {
    background-position: -28px -24px;
    width: 11px;
    height: 19px;
}

.goBackIcon {
    background-position: -56px -5px;
    width: 27px;
    height: 17px;
    float: left;
}

/*new design css end by divya*/
/* dataTable css end */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .listWrapper {
        overflow-y: auto !important;
    }
}

.header, .headerNavHolder .header {
    padding: 2px 0% 2px 2%;
    width: 95% !important;
    margin: 0px;
}

.downloadCampaign {
    width: 100%;
    font-size: 0.9em;
    border-spacing: 0;
    border-collapse: collapse;
}

.downloadCampaign td {
    padding: 15px 10px 15px 15px;
    /* border-right: 1px solid #ADB0B1; */
    border-bottom: 1px solid #ADB0B1;
    color: #62686d;
}

.shareSprite {
    background: url(../images/new_sprite.png) no-repeat -10px -10px;
    width: 16px;
    height: 18px;
}

.unShareSprite {
    background: url(../images/new_sprite.png) no-repeat -10px -48px;
    width: 16px;
    height: 18px;

}

.shareImg {
    background: url('../images/inbxSprit.png') no-repeat -30px 0;
    width: 18px;
    height: 16px;
    margin-right: 7px;
}

.notifications {
    background: url('../images/inbxSprit.png') no-repeat -20px -424px;
    width: 15px;
	height: 16px;
    margin-right: 7px;
}

.export_btn_menu li a {
    padding: 3px 15px !important;
    cursor: pointer;
}

.export_btn_menu {
    min-width: 82px !important;
}
.paginationBox{
    text-align: center;
    padding: 15px;
}
.hideLeftClick{

 color:#ddd!important;
 pointer-events: none;
}
hideLeftClick:hover{
background-color:white;
 cursor:not-allowed!important;

}
#firstDotedPagenation:hover{
 background-color:white;
  pointer-events: none;
}
#paginationBtn1{
background-color:#eee;
}
.workflowDropdown,.workflowDropdown option{
    max-width: 115px;
    min-width: 115px;
    width: 115px;
    margin-left: 10px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.workHistory{
    float: right;
    font-size: 20px!important;
    color: #6c6c6c;
    cursor: pointer;
}