*{margin:0; padding:0;}
a{outline:none;}
img{border:none;}
.clear{clear:left;}

.tabstuff{width:100%; float:left;}
.tabstuff ul.tabs{float:left; list-style:none; position:relative; top:1px;}
.tabstuff ul.tabs li{float:left; margin-right:1px;}
.tabstuff ul.tabs li a{padding:2px 10px; display:block; color:#5f5e5e; border:1px solid #828282; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
background: #fbfafa; /* Old browsers */
background: -moz-linear-gradient(top, #fbfafa 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfafa), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfafa 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfafa 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfafa 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom, #fbfafa 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfafa', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.tabstuff ul.tabs li a:hover{background:#fff; color:#5f5e5e;}
.tabstuff ul.tabs li.select a{background:#fff; color:#5f5e5e; border-bottom:none; padding:2px 10px 3px;}

.tabstuff .common{width:98%; float:left; border:1px solid #828282; padding:1%; 
                  border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px;}
.tabstuff .common .block{width:100%; float:left;}
.tabstuff .common .block+.block{margin-top:15px;}
.tabstuff .common .block h3{margin:0; border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color:#fff; font-size:11px; 
                            padding:4px 1%; width:98.2%;
background: #7fb7ce; /* Old browsers */
background: -moz-linear-gradient(top, #7fb7ce 0%, #2d82aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fb7ce), color-stop(100%,#2d82aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* IE10+ */
background: linear-gradient(to bottom, #7fb7ce 0%,#2d82aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb7ce', endColorstr='#2d82aa',GradientType=0 ); /* IE6-9 */
}
.tabstuff .common .block h4{color:#3e6a80; font-size:12px; border-bottom:1px solid #dddddd; margin:10px 0 8px; width:100%; float:left;}

.tabstuff .common .block .fieldstuff{float:left; background:#fbfdfc; padding:10px 1%; width:98%; border:1px solid #dddddd; border-top:none;}
.tabstuff .common .block .row{width:100%; position:relative; float:left; }
/*.tabstuff .common .block .row+.row{margin-top:10px;}*/
.tabstuff .common .block .row .userprofilepic{position:absolute; top:0px; left:440px; cursor:pointer; overflow:hidden; width:90px; height:90px;}
.tabstuff .common .block .row .userprofilepic img{width:100%;}
.tabstuff .common .block .row .userprofilepic #fileupload {position:absolute; top:0; right:1200px; width:65px; height:65px; z-index:999;}
.tabstuff .common .block .row .userprofilepic #fileupload input[type=file]{font-size:100px; opacity:0; cursor:pointer;}
.tabstuff .common .block .row .colum{float:left; width:27%; margin:0 70px 5px 0;}
.tabstuff .common .block .row .colum h4{margin:0 0 8px 0;}
.tabstuff .common .block .row .colum h4 span.sameaddress{float:right; width:170px;}
.tabstuff .common .block .row .colum h4 span.sameaddress input[type=checkbox]{float:left; margin-right:5px;}
.tabstuff .common .block .row .colum h4 span.sameaddress p{font-size:10px;}
.tabstuff .common .block .row .colum span.reqired{color:red; position:absolute; top:0; left:-10px;}
.tabstuff .common .block .row .colum label{width:130px; float:left; padding-right:10px;  position:relative;}
.tabstuff .common .block .row .colum label+label{color:#777;}
.tabstuff .common .block .row .colum input[type=text]{float:left; border:1px solid #b5b4b4; width:170px;}
.tabstuff .common .block .row .colum input[type=password]{float:left; border:1px solid #b5b4b4; width:170px;}

.tabstuff .common .block .row .colum select{width:170px; float:left; font: 100%/0px Verdana,Arial,Sans-serif }
.tabstuff .common .block .row .colum select.small{width:50px;}
/*.tabstuff .common .block .row .colum select#ctl00_Content_ddlPrimaryCity{width:104px;}
.tabstuff .common .block .row .colum select#ctl00_Content_ddlMailingCity{width:104px;}*/

.tabstuff .common .block .row .colum input.smallfield{width:70px;}
.tabstuff .common .block .row .colum input.mediumfield{width:100px;}
.tabstuff .common .block .row .colum input[type=checkbox]{float:left; margin:2px 5px 0 0;}
.tabstuff .common .block .row .colum textarea{width:200px; resize:none; font-size:11px; font-family:Verdana;}
.tabstuff .common .block .row .colum input[type=file]{float:left;}
.tabstuff .common .block .row .colum input[type=submit]{float:left; border:1px solid #1c6182; margin-left:10px; font-size:12px; padding:2px 5px; color:#fff; border-radius:3px;
                                                -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;
background: #2d82aa; /* Old browsers */
background: -moz-linear-gradient(top, #2d82aa 0%, #7fb7ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d82aa), color-stop(100%,#7fb7ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2d82aa 0%,#7fb7ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2d82aa 0%,#7fb7ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2d82aa 0%,#7fb7ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #2d82aa 0%,#7fb7ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d82aa', endColorstr='#7fb7ce',GradientType=0 ); /* IE6-9 */
}
.tabstuff .common .block .row .colum button{background:none; border:none; margin-top:1px;}
.tabstuff .common .block .row .colum input[type=submit]:hover{ color:#fff;
background: #7fb7ce; /* Old browsers */
background: -moz-linear-gradient(top, #7fb7ce 0%, #2d82aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fb7ce), color-stop(100%,#2d82aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* IE10+ */
background: linear-gradient(to bottom, #7fb7ce 0%,#2d82aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb7ce', endColorstr='#2d82aa',GradientType=0 ); /* IE6-9 */
}

.tabstuff .common .block .row .colum img.calender_icon{float:left; cursor:pointer; margin:2px 0 0 5px;}

.tabstuff .common .submition{width:98%; float:left; padding:5px 1%; background:#ededed; border:1px solid #d9d9d9; margin-top:15px;}
.tabstuff .common .submition p{color:red; line-height:22px;}
.tabstuff .common .submition input[type=submit]{float:right; border:1px solid #1c6182; margin-left:10px; font-size:12px; padding:2px 5px; color:#fff; border-radius:3px;
                                                -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;
background: #2d82aa; /* Old browsers */
background: -moz-linear-gradient(top, #2d82aa 0%, #7fb7ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d82aa), color-stop(100%,#7fb7ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2d82aa 0%,#7fb7ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2d82aa 0%,#7fb7ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2d82aa 0%,#7fb7ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #2d82aa 0%,#7fb7ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d82aa', endColorstr='#7fb7ce',GradientType=0 ); /* IE6-9 */
}
.tabstuff .common .submition input[type=submit]:hover{ color:#fff;
background: #7fb7ce; /* Old browsers */
background: -moz-linear-gradient(top, #7fb7ce 0%, #2d82aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fb7ce), color-stop(100%,#2d82aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fb7ce 0%,#2d82aa 100%); /* IE10+ */
background: linear-gradient(to bottom, #7fb7ce 0%,#2d82aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb7ce', endColorstr='#2d82aa',GradientType=0 ); /* IE6-9 */
}

.tabstuff .common .block .documentgrid{float:left; width:100.2%; background:#fbfdfc;}
.tabstuff .common .block .documentgrid table td, th{padding:5px 10px;}
.tabstuff .common .block .documentgrid table, td, th{/*border:1px solid #dddddd;*/ border-collapse:collapse;}
.tabstuff .common .block .documentgrid table thead tr{background: #e5f4fd; /* Old browsers */
background: -moz-linear-gradient(top, #e5f4fd 0%, #e5f4fd 50%, #bde6fd 51%, #aedef8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f4fd), color-stop(50%,#e5f4fd), color-stop(51%,#bde6fd), color-stop(100%,#aedef8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5f4fd 0%,#e5f4fd 50%,#bde6fd 51%,#aedef8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5f4fd 0%,#e5f4fd 50%,#bde6fd 51%,#aedef8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5f4fd 0%,#e5f4fd 50%,#bde6fd 51%,#aedef8 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5f4fd 0%,#e5f4fd 50%,#bde6fd 51%,#aedef8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f4fd', endColorstr='#aedef8',GradientType=0 ); /* IE6-9 */}
.tabstuff .common .block .documentgrid table tbody tr:nth-child(even) {background:#f2f9fe;}

.tabstuff .common .selectproject{width:100%; float:left;}
.tabstuff .common .selectproject ul{list-style:none;}
.tabstuff .common .selectproject ul li{float:left;}
.tabstuff .common .selectproject ul li h5{margin-bottom:5px; font-size:11px;}
.tabstuff .common .selectproject ul li select#ctl00_Content_lstAllProjects{float:left;}
.tabstuff .common .selectproject ul li select#ctl00_Content_lstSelectedProjects{float:right;}
.tabstuff .common .selectproject ul li .button{margin-top:40px;}
.tabstuff .common .selectproject ul li #ctl00_Content_Button5{margin-right:10px;}

.notificationalert{float:left; position:relative; margin:5px 0 0 6px; cursor:pointer;}
#notificationicon img{width:20px;}
.notificationalert span{position:absolute; top:-6px; right:-9px; width:16px; height:15px; background:red; color:#fff; text-align:center; line-height:14px; border-radius:10px; -moz-border-radius:10px; -web-border-radius:10px; font-size:10px; font-weight:bold;}

.notificatonatuff{position:absolute; top:27px; left:-8px; width:300px; z-index:999; border:1px solid #ddd; background:#fff;}
.notificatonatuff img.submenu_pointer{position:absolute; top:-9px; left:9px;}
.notificatonatuff h2{font-size:12px; background:#ddd; color:#828282; padding:0 5px; margin:0;}
.notificatonatuff ul{list-style:none; float:left; width:100%; }
.notificatonatuff ul li{float:left; width:100%;}
.notificatonatuff ul li+li{border-top:1px solid #ddd;}
.notificatonatuff ul li a{padding:2% 2% 1%; float:left; width:96%; color:#828282 !important; font-size:10px !important; line-height:normal !important; text-decoration:none; font-size:11px !important;}
.notificatonatuff ul li a:hover{background:#eee;}
.notificatonatuff ul li a h4{margin:0; font-size:10px !important; line-height:normal !important;}
.notificatonatuff ul li p{font-size:10px !important; line-height:normal !important; color:#828282;}
.notificatonatuff ul li p a{color:#828282  !important; font-size:10px !important; line-height:normal !important;}
.notificatonatuff ul li b{font-size:10px !important; float:right; line-height:normal !important; margin:2px 5px 5px 0; color:#3E8DB2;}
.notificatonatuff ul li p label{color:#828282; font-size:8px !important;margin: 4px 0 0 2%; float: left;}
.tdStyle { padding-top: 5px;}
 .hide {
        display: none;
    }
#ctl00_Content_CropImage
{
    top:30px; left:324px;
    background: #f2f1f1;
    position: fixed;
    z-index: 99999;
    width: 700px;
}
.close
{
    cursor: pointer;
    display: block;
    background: #e6e6e6;
    margin-top: 0px;
    color: #303133;
    padding: 3px 6px 5px 8px;
    font-family: "Segoe UI", "Helvetica";
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 0px;
}

.postInput
{
    position: relative; width:700px; background:#f2f1f1; padding:15px;
}

    .postInput h5
    {
        font-size: 14px;
        margin-bottom: 10px;
        width: auto;
        color: #7a7a7a;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 5px;
        margin:0 0 10px 0;
    }
    .postInput .popup{float:left; margin-top:10px;}
    .postInput .popup input[type=button].cropbtn
        {
            background: #C4EFA1;
            color: #00489E;
            border: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            padding:4px 10px;
            cursor:pointer;
        }

            .postInput .popup input[type=button].cropbtn:hover
            {
                background: #919194;
                color:#fff;
            }

#ctl00_Content_mask {opacity:0.9; z-index:9999; position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}