.pa_photolist li{display:inline;float:left;margin-left:10px;margin-bottom:10px}
.adminbuttons{display:inline-block;width:11%;text-align:center}
.progressWrapper{width:357px;overflow:hidden;background-color:#000}
.progressContainer{margin:1px;padding:4px;border:solid 1px #e8e8e8;background-color:#f7f7f7;overflow:hidden}
.progressBarComplete,.progressBarError,.progressBarInProgress{font-size:0;width:0;height:2px;background-color:#00f;text-align:left;margin-top:2px;float:left}
.progressBarComplete{width:100%;background-color:green;visibility:hidden}
.progressBarError{width:100%;background-color:red;visibility:hidden}
.progressBarStatus{margin-top:2px;text-align:left;white-space:nowrap}
a.progressCancel,a.progressCancel:active,a.progressCancel:hover,a.progressCancel:link,a.progressCancel:visited{font-size:0;display:block;height:14px;width:14px;background-image:url(Images/Uploader/cancelbutton.gif);background-repeat:no-repeat;background-position:-14px 0;float:right}
a.progressCancel:hover{background-position:0 0}
#ColorPickerDiv{display:block;display:none;position:relative;border:1px solid #777;background:#fff}
#ColorPickerDiv TD.color{cursor:pointer;font-size:xx-small;font-family:Arial,'Microsoft Sans Serif'}
#ColorPickerDiv TD.color label{cursor:pointer}
.ColorPickerDivSample{margin:0 0 0 4px;border:solid 1px #000;padding:0 10px;position:relative;cursor:pointer}
#tabs-myarticles{padding-top:10px}
.table-striped > tbody > tr .table,.table-striped > tbody > tr .table td,.table-striped > tbody > tr .table tr{border:none!important;background-color:transparent!important}
.bootstraptablespinner{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:rgba(255,255,255,.5)}
.security-mode td{white-space:nowrap}
.security-mode td input{margin:0 10px 0 0}
#Form,form{height:auto!important}
.mark{padding:0!important;background-color:none!important;}
/*page Spacing*/
.mt-5 { margin-top: 5px !important; }
.mb-5 { margin-bottom: 5px !important; }
.pt-5 { padding-top: 5px !important; }
.pb-5 { padding-bottom: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }
.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mb-20 { margin-bottom: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mb-40 { margin-bottom: 40px !important; }
.pt-40 { padding-top: 40px !important; }
.pb-40 { padding-bottom: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-50 { padding-bottom: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mb-60 { margin-bottom: 60px !important; }
.pt-60 { padding-top: 60px !important; }
.pb-60 { padding-bottom: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mb-70 { margin-bottom: 70px !important; }
.pt-70 { padding-top: 70px !important; }
.pb-70 { padding-bottom: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mb-80 { margin-bottom: 80px !important; }
.pt-80 { padding-top: 80px !important; }
.pb-80 { padding-bottom: 80px !important; }


@media only screen and (min-width: 1600px) {
    .mt-5 { margin-top: 6.5px !important; }
    .mb-5 { margin-bottom: 6.5px !important; }
    .mt-10 { margin-top: 13px !important; }
    .mb-10 { margin-bottom: 13px !important; }
    .pt-10 { padding-top: 13px !important; }
    .pb-10 { padding-bottom: 13px !important; }
    .mt-20 { margin-top: 26px !important; }
    .mb-20 { margin-bottom: 26px !important; }
    .pt-20 { padding-top: 26px !important; }
    .pb-20 { padding-bottom: 26px !important; }
    .mt-30 { margin-top: 39px !important; }
    .mb-30 { margin-bottom: 39px !important; }
    .pt-30 { padding-top: 39px !important; }
    .pb-30 { padding-bottom: 39px !important; }
    .mt-40 { margin-top: 52px !important; }
    .mb-40 { margin-bottom: 52px !important; }
    .pt-40 { padding-top: 52px !important; }
    .pb-40 { padding-bottom: 52px !important; }
    .mt-50 { margin-top: 65px !important; }
    .mb-50 { margin-bottom: 65px !important; }
    .pt-50 { padding-top: 65px !important; }
    .pb-50 { padding-bottom: 65px !important; }
    .mt-60 { margin-top: 78px !important; }
    .mb-60 { margin-bottom: 78px !important; }
    .pt-60 { padding-top: 78px !important; }
    .pb-60 { padding-bottom: 78px !important; }
    .mt-70 { margin-top: 91px !important; }
    .mb-70 { margin-bottom: 91px !important; }
    .pt-70 { padding-top: 91px !important; }
    .pb-70 { padding-bottom: 91px !important; }
    .mt-80 { margin-top: 104px !important; }
    .mb-80 { margin-bottom: 104px !important; }
    .pt-80 { padding-top: 104px !important; }
    .pb-80 { padding-bottom: 104px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-5 { margin-top: 3.5px !important; }
    .mb-5 { margin-bottom: 3.5px !important; }
    .mt-10 { margin-top: 7px !important; }
    .mb-10 { margin-bottom: 7px !important; }
    .pt-10 { padding-top: 7px !important; }
    .pb-10 { padding-bottom: 7px !important; }
    .mt-20 { margin-top: 14px !important; }
    .mb-20 { margin-bottom: 14px !important; }
    .pt-20 { padding-top: 14px !important; }
    .pb-20 { padding-bottom: 14px !important; }
    .mt-30 { margin-top: 21px !important; }
    .mb-30 { margin-bottom: 21px !important; }
    .pt-30 { padding-top: 21px !important; }
    .pb-30 { padding-bottom: 21px !important; }
    .mt-40 { margin-top: 28px !important; }
    .mb-40 { margin-bottom: 28px !important; }
    .pt-40 { padding-top: 28px !important; }
    .pb-40 { padding-bottom: 28px !important; }
    .mt-50 { margin-top: 35px !important; }
    .mb-50 { margin-bottom: 35px !important; }
    .pt-50 { padding-top: 35px !important; }
    .pb-50 { padding-bottom: 35px !important; }
    .mt-60 { margin-top: 42px !important; }
    .mb-60 { margin-bottom: 42px !important; }
    .pt-60 { padding-top: 42px !important; }
    .pb-60 { padding-bottom: 42px !important; }
    .mt-70 { margin-top: 49px !important; }
    .mb-70 { margin-bottom: 49px !important; }
    .pt-70 { padding-top: 49px !important; }
    .pb-70 { padding-bottom: 49px !important; }
    .mt-80 { margin-top: 56px !important; }
    .mb-80 { margin-bottom: 56px !important; }
    .pt-80 { padding-top: 56px !important; }
    .pb-80 { padding-bottom: 56px !important; }
}

@media only screen and (max-width: 767px) {
    .mt-5 { margin-top: 2.5px !important; }
    .mb-5 { margin-bottom: 2.5px !important; }
    .mt-10 { margin-top: 5px !important; }
    .mb-10 { margin-bottom: 5px !important; }
    .pt-10 { padding-top: 5px !important; }
    .pb-10 { padding-bottom: 5px !important; }
    .mt-20 { margin-top: 10px !important; }
    .mb-20 { margin-bottom: 10px !important; }
    .pt-20 { padding-top: 10px !important; }
    .pb-20 { padding-bottom: 10px !important; }
    .mt-30 { margin-top: 15px !important; }
    .mb-30 { margin-bottom: 15px !important; }
    .pt-30 { padding-top: 15px !important; }
    .pb-30 { padding-bottom: 15px !important; }
    .mt-40 { margin-top: 20px !important; }
    .mb-40 { margin-bottom: 20px !important; }
    .pt-40 { padding-top: 20px !important; }
    .pb-40 { padding-bottom: 20px !important; }
    .mt-50 { margin-top: 25px !important; }
    .mb-50 { margin-bottom: 25px !important; }
    .pt-50 { padding-top: 25px !important; }
    .pb-50 { padding-bottom: 25px !important; }
    .mt-60 { margin-top: 30px !important; }
    .mb-60 { margin-bottom: 30px !important; }
    .pt-60 { padding-top: 30px !important; }
    .pb-60 { padding-bottom: 30px !important; }
    .mt-70 { margin-top: 35px !important; }
    .mb-70 { margin-bottom: 35px !important; }
    .pt-70 { padding-top: 35px !important; }
    .pb-70 { padding-bottom: 35px !important; }
    .mt-80 { margin-top: 40px !important; }
    .mb-80 { margin-bottom: 40px !important; }
    .pt-80 { padding-top: 40px !important; }
    .pb-80 { padding-bottom: 40px !important; }
}
/*page Spacing*/
.ml-5 { margin-left: 5px !important; }
.mr-5 { margin-right: 5px !important; }
.pl-5 { padding-left: 5px !important; }
.pr-5 { padding-right: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 10px !important; }
.pl-10 { padding-left: 10px !important; }
.pr-10 { padding-right: 10px !important; }
.ml-20 { margin-left: 20px !important; }
.mr-20 { margin-right: 20px !important; }
.pl-20 { padding-left: 20px !important; }
.pr-20 { padding-right: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.mr-30 { margin-right: 30px !important; }
.pl-30 { padding-left: 30px !important; }
.pr-30 { padding-right: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.mr-40 { margin-right: 40px !important; }
.pl-40 { padding-left: 40px !important; }
.pr-40 { padding-right: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.mr-50 { margin-right: 50px !important; }
.pl-50 { padding-left: 50px !important; }
.pr-50 { padding-right: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.mr-60 { margin-right: 60px !important; }
.pl-60 { padding-left: 60px !important; }
.pr-60 { padding-right: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.mr-70 { margin-right: 70px !important; }
.pl-70 { padding-left: 70px !important; }
.pr-70 { padding-right: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.mr-80 { margin-right: 80px !important; }
.pl-80 { padding-left: 80px !important; }
.pr-80 { padding-right: 80px !important; }

@media only screen and (min-width: 1600px) {
    .ml-5 { margin-left: 6.5px !important; }
    .mr-5 { margin-right: 6.5px !important; }
    .ml-10 { margin-left: 13px !important; }
    .mr-10 { margin-right: 13px !important; }
    .pl-10 { padding-left: 13px !important; }
    .pr-10 { padding-right: 13px !important; }
    .ml-20 { margin-left: 26px !important; }
    .mr-20 { margin-right: 26px !important; }
    .pl-20 { padding-left: 26px !important; }
    .pr-20 { padding-right: 26px !important; }
    .ml-30 { margin-left: 39px !important; }
    .mr-30 { margin-right: 39px !important; }
    .pl-30 { padding-left: 39px !important; }
    .pr-30 { padding-right: 39px !important; }
    .ml-40 { margin-left: 52px !important; }
    .mr-40 { margin-right: 52px !important; }
    .pl-40 { padding-left: 52px !important; }
    .pr-40 { padding-right: 52px !important; }
    .ml-50 { margin-left: 65px !important; }
    .mr-50 { margin-right: 65px !important; }
    .pl-50 { padding-left: 65px !important; }
    .pr-50 { padding-right: 65px !important; }
    .ml-60 { margin-left: 78px !important; }
    .mr-60 { margin-right: 78px !important; }
    .pl-60 { padding-left: 78px !important; }
    .pr-60 { padding-right: 78px !important; }
    .ml-70 { margin-left: 91px !important; }
    .mr-70 { margin-right: 91px !important; }
    .pl-70 { padding-left: 91px !important; }
    .pr-70 { padding-right: 91px !important; }
    .ml-80 { margin-left: 104px !important; }
    .mr-80 { margin-right: 104px !important; }
    .pl-80 { padding-left: 104px !important; }
    .pr-80 { padding-right: 104px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-5 { margin-left: 3.5px !important; }
    .mr-5 { margin-right: 3.5px !important; }
    .ml-10 { margin-left: 7px !important; }
    .mr-10 { margin-right: 7px !important; }
    .pl-10 { padding-left: 7px !important; }
    .pr-10 { padding-right: 7px !important; }
    .ml-20 { margin-left: 14px !important; }
    .mr-20 { margin-right: 14px !important; }
    .pl-20 { padding-left: 14px !important; }
    .pr-20 { padding-right: 14px !important; }
    .ml-30 { margin-left: 21px !important; }
    .mr-30 { margin-right: 21px !important; }
    .pl-30 { padding-left: 21px !important; }
    .pr-30 { padding-right: 21px !important; }
    .ml-40 { margin-left: 28px !important; }
    .mr-40 { margin-right: 28px !important; }
    .pl-40 { padding-left: 28px !important; }
    .pr-40 { padding-right: 28px !important; }
    .ml-50 { margin-left: 35px !important; }
    .mr-50 { margin-right: 35px !important; }
    .pl-50 { padding-left: 35px !important; }
    .pr-50 { padding-right: 35px !important; }
    .ml-60 { margin-left: 42px !important; }
    .mr-60 { margin-right: 42px !important; }
    .pl-60 { padding-left: 42px !important; }
    .pr-60 { padding-right: 42px !important; }
    .ml-70 { margin-left: 49px !important; }
    .mr-70 { margin-right: 49px !important; }
    .pl-70 { padding-left: 49px !important; }
    .pr-70 { padding-right: 49px !important; }
    .ml-80 { margin-left: 56px !important; }
    .mr-80 { margin-right: 56px !important; }
    .pl-80 { padding-left: 56px !important; }
    .pr-80 { padding-right: 56px !important; }
}

@media only screen and (max-width: 767px) {
    .ml-5 { margin-left: 2.5px !important; }
    .mr-5 { margin-right: 2.5px !important; }
    .ml-10 { margin-left: 5px !important; }
    .mr-10 { margin-right: 5px !important; }
    .pl-10 { padding-left: 5px !important; }
    .pr-10 { padding-right: 5px !important; }
    .ml-20 { margin-left: 10px !important; }
    .mr-20 { margin-right: 10px !important; }
    .pl-20 { padding-left: 10px !important; }
    .pr-20 { padding-right: 10px !important; }
    .ml-30 { margin-left: 15px !important; }
    .mr-30 { margin-right: 15px !important; }
    .pl-30 { padding-left: 15px !important; }
    .pr-30 { padding-right: 15px !important; }
    .ml-40 { margin-left: 20px !important; }
    .mr-40 { margin-right: 20px !important; }
    .pl-40 { padding-left: 20px !important; }
    .pr-40 { padding-right: 20px !important; }
    .ml-50 { margin-left: 25px !important; }
    .mr-50 { margin-right: 25px !important; }
    .pl-50 { padding-left: 25px !important; }
    .pr-50 { padding-right: 25px !important; }
    .ml-60 { margin-left: 30px !important; }
    .mr-60 { margin-right: 30px !important; }
    .pl-60 { padding-left: 30px !important; }
    .pr-60 { padding-right: 30px !important; }
    .ml-70 { margin-left: 35px !important; }
    .mr-70 { margin-right: 35px !important; }
    .pl-70 { padding-left: 35px !important; }
    .pr-70 { padding-right: 35px !important; }
    .ml-80 { margin-left: 40px !important; }
    .mr-80 { margin-right: 40px !important; }
    .pl-80 { padding-left: 40px !important; }
    .pr-80 { padding-right: 40px !important; }
}

/*colors*/
.green { color: forestgreen; }
.blue { color: darkblue; }
.red { color: red; }
.orange { color: orangered; }
.light-blue { color: #58a3bb; }
/*align*/
.text-justify { text-align: justify; }
.text-center { text-align: center; }
.right-float { float: left; }
.left-float { float: right; }
.clear_float { clear: both; line-height: 0; font-size: 0; }
.bold { font-weight: bold !important; }
/*--------ucAdminOptions----------*/
.AdminOptions .row {
    border: solid 1px #ececec;
    margin-top: 15px;
    margin-left: 0;
    min-height: 85px;
    padding: 10px 0 !important;
}
.AdminOptions a .row { -webkit-transition: all 200ms ease-out 0s; -moz-transition: all 200ms ease-out 0s; -o-transition: all 200ms ease-out 0s; transition: all 200ms ease-out 0s; }
.AdminOptions a:hover .row {
    box-shadow: 0 0 4px 3px #eee;
}
.AdminOptions a  .NormalBold { font-size:15px; -webkit-transition: all 200ms ease-out 0s; -moz-transition: all 200ms ease-out 0s; -o-transition: all 200ms ease-out 0s; transition: all 200ms ease-out 0s;}
.AdminOptions a:hover .NormalBold {color:#0053a5; }
.AdminOptions a .Normal { font-size: 13px; }
.AdminOptions .row .col-sm-3 {
    text-align:center;
}
.AdminOptions a .fa {font-size:50px;
    color: #309dcf;
    -webkit-transition: all 200ms ease-out 0s; -moz-transition: all 200ms ease-out 0s; -o-transition: all 200ms ease-out 0s; transition: all 200ms ease-out 0s;
}
.AdminOptions a:hover .fa {color:#0053a5; }
.tag-item a  {
    background: #929897;
    color: #fff !important;
    padding: 6px;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    -webkit-transition: background-color ease-in 200ms;
    -o-transition: background-color ease-in 200ms;
    -ms-transition: background-color ease-in 200ms;
   
}
.tag-item:hover a { text-decoration:none;background: #777b7b; }
.tag-item { display:inline-block;}
.dnnFormItem ul li{list-style-type:none; }

/*-----------------*/
.PagingTable td span, .PagingTable a {
    background: #fff;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 7px 2px;
    text-align: center;
    color: #888;
    padding: 0 7px;
    box-shadow: 1px 1px 1px 1px #eee;
    border-radius: 5px;
    font-weight: bold;
}

.PagingTable td {
    padding: 0px 10px;
}

ul.pagingcontrol {list-style:none;}
ul.pagingcontrol li {list-style-type:none;background: #fff; height: 30px; line-height: 30px; display: inline-block; margin: 7px 4px;  padding: 0 7px; text-align: center; box-shadow: 1px 1px 1px 1px #eee; border-radius: 5px; font-weight: bold;}
ul.pagingcontrol li.current {/*color:#0053a5;*/ }
ul.pagingcontrol li a {color:#888; font-weight: bold;}

.starRating input {display:none;}
.starRating label {width:18px;height:16px; display:inline-block;text-indent: -9999px;
                   background: url("../DnnForge - NewsArticles/Images/rating_stars.png") -155px -32px;
}
.starRating label.on {background-position: -155px -76px;}
.postRating label {margin:0 3px 0 3px;}