html {
height: 100%;
margin: 0;
padding: 0;
}

body {
font-size: 13px;
font-family: Verdana;
color: #000;
background-color: #ffffff;
margin: 0;
padding: 0;
}

ol, ul {
list-style: none;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
text-decoration: none;
}

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

/* ---- Main Page Content ------ */
.loginForm {
padding-top: 20px;
}

#ad-main-content {
width:100%;
height:100%;
display: table;
position:absolute;
}

/* ----------Header------------- */
.ad-main-header {
z-index: 2;
top: 0;
left: 0;
height: 45px;
width: 100%;
background: #3e454c;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.ad-logo {
float: left;
display: block;
margin: 0 0 0 5%;
}

.ad-logo {
margin: 0px 0 0 20px;
}

.ad-logo img {
max-height: 52px;
}

.ad-main-header {
height: 55px;
}

.ad-search {
display: inline-block;
margin: 20px 0px 0px 70px;
color: rgb(156, 156, 156);
font-size: 13px;
}

.ad-search a{
color: rgb(156, 156, 156);
}

.ad-search a:hover{
color: #fff;
}

.ad-nav {
display: block;
float: right;
padding-right: 25px;
}

.ad-nav li {
display: inline-block;
padding: 6px 10px 3px 10px;
/* background-color: #505459; */
/* border-radius: 3px; */
line-height: 20px;
margin-top: 0px;
}

.ad-nav li span {
margin-right: 3px;
}

.ad-nav li a {
color: #fff;
font-size: 13px;
}

#exitbtn:hover{
color:#f00;
}

.mobile-ad-nav {
float: right;
display: none;
}

.mobile-ad-nav i {
color: #fff;
}

/* menu */
.ad-side-nav {
width: 180px;
position: absolute;
/*top: 55px;*/
bottom: 0;
background-color: #2c3136;
height:100%;
}

.ad-side-nav ul {
margin: 0px;
padding: 10px 0px 0px 0px;
background-color: #2c3136;
}

.ad-side-nav li {
color: #fff;
border-bottom: 1px solid #2c2b2b;
}

.ad-side-nav li:first-child {
border-top: 1px solid #2c2b2b;
}

.ad-side-nav li a {
color: #fff;
padding-left: 10px;
font-size: 13px;
display:block;
padding:10px 9px;
}

.ad-side-nav li a:hover{
background-color: #33383e;
}

.ad-side-nav span {
opacity: 0.2;
padding-right: 6px;
}

li#activeMenu {
/* current page */
box-shadow: inset 3px 0 0 #1784c7;
background-color: #33383e;
}

.showTablet {
display: none;
}

#mid {
position:relative;
}

.content-wrapper {
margin-left: 180px;
position:relative;
}

.content-wrapper h1 {
padding: 15px 0px 0px 0px;
font-weight: 300;
}

@media only screen and (max-width: 768px) {
.ad-side-nav {
width: 100%;
position: absolute;
background-color: #2c3136;
display: none;
z-index: 1000;
}

.ad-side-nav li {
display: block;
}

.ad-side-nav li a {
display: block;
padding:12px;
}

.mobile-ad-nav {
color: #FFF;
display: block;
margin-right: 15px;
margin-top: 10px;
}

.content-wrapper {
margin-left: 0px;
}

.ad-logo img {
display: block;
}

.ad-search {
display: none;
}

.ad-nav {
display: none;
}

.showTablet {
display: block;
}
}

/*EOF new styles 
====================================================================
*/
.loginAll {
background-color: #000;
background: #000000 url(login_bg.jpg) no-repeat scroll 0px 0px / cover;
}


body.popup {
background-color: #FFFFFF;
font-family: Helvetica,sans-serif;
font-size: small;
}


input[type="button"] {
outline: none;
}

input[type="submit"] {
outline: none;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
}

#javascripterror {
background: none repeat scroll 0% 0% #FF1200;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding: 15px;
z-index: 1000;
}

#note {
background-color: #F7F7F7;
color: #333333;
font-size: 15px;
left: 24%;
padding: 1%;
position: absolute;
right: 24%;
text-align: center;
top: 40px;
width: 50%;
z-index: 1000;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.47);
border-radius: 3px;
}

#note #close {
font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
font-weight: bold;
padding: 1px 2px;
position: absolute;
right: 5px;
top: 5px;
}

#close a {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
background-color: #FF0000;
color: #FFFFFF;
padding: 2px 6px 3px 6px;
border-radius: 4px;
font-weight: bold;
}


#adminmenu {
margin: 14px 35px 0px 35px;







; }

.bluetr td {
background-color: #E6EEEE;
padding: 8px;
margin-bottom: 15px;
}


input.field {
-moz-transition: all 0.25s ease-in-out 0s ;
border-radius: 3px 3px 3px 3px;
border: 1px solid #B3B3B3;
outline: medium none;
padding: 8px;
font-size: 13px;
margin: 5px 0px
}

input.field:focus {
border: 1px solid #99C92B;
box-shadow: 0pt 0pt 5px #99C92B;
}

select.field {
-moz-transition: all 0.25s ease-in-out 0s ;
border-radius: 3px 3px 3px 3px;
border: 1px solid #B3B3B3;
outline: medium none;
padding: 6px;
font-size: 13px;
}

select.field:focus {
border: 1px solid #99C92B;
box-shadow: 0pt 0pt 5px #99C92B;
}

#screenshot {
background: none repeat scroll 0% 0% #015D9E;
border-radius: 3px 3px 3px 3px;
border: 2px solid #014D7F;
color: #FFFFFF;
display: none;
font-size: 12px;
padding: 8px 5px 2px;
position: absolute;
text-align: center;
}

#entrance {
background-color: #FCFCFC;
border: 1px solid #ccc;
border-radius: 6px 6px 6px 6px;
margin: 40px auto 40px;
padding: 15px 15px 20px;
width:295px;
}

#entrance fieldset {
border: 1px solid #AEBCBF;
padding: 4px;
}

#entrance fieldset legend {
color: #54676B;
font-size: 16px;
line-height: 30px;
}

#entrance .field {
font-size: 15px;
margin: 5px auto 5px 10px;
width: 244px;
}

#entrance #password {
width: 244px;
}

#entrance img {
padding-top: 7px;
}

#entrance input.field {
border-radius: 3px 3px 3px 3px;
border: 1px solid rgba(0, 0, 0, 0.2);
outline: medium none;
padding: 8px;
}

#entrance input.field:focus {
border: 1px solid #99C92B;
box-shadow: 0pt 0pt 5px #99C92B;
}

input.fieldsmall {
border-radius: 3px 3px 3px 3px;
border: 1px solid rgba(0, 0, 0, 0.2);
outline: medium none;
padding: 3px;
}

input.fieldsmall:focus {
border: 1px solid #99C92B;
box-shadow: 0pt 0pt 5px #99C92B;
}

.rememberme {
color: #6B6B6B;
font-size: 11px;
padding-left: 15px;
padding-top: 8px;
}

.rememberme span {
line-height: 18px;
text-align: left;
vertical-align: top;
}

.row1 {
background-color: rgba(228, 237, 241, 0.3);
padding-left: 10px;
padding-right: 10px;
}

.row2 {
background-color: #E0EBEF;
padding-left: 10px;
padding-right: 10px;
}

#inner {
padding-left: 10px;
padding-right: 10px;
}

#inner h1 {
display: block;
font-size: 18px;
margin:8px 3px;
padding:5px 5px;
line-height:22px;
}

#inner h1:before{
content: "\f14a";
font-family: FontAwesome;
font-style: normal;
color:#72ac3a;
font-weight: normal;
font-size:18px;
padding-right:8px;
}

#inner h2 {
color: #333333;
font-size: 1.1em;
}

.form .fieldimage {
background-color: #999999;
background-image: url("add.png");
background-position: left 3px;
background-repeat: no-repeat;
border-color: #333333 #666666 #666666 #333333;
border-style: solid;
border-width: 2px;
color: #FFFFFF;
cursor: pointer;
height: 24px;
padding-left: 30px;
width: 80%;
}

#addScnt {
background-color: #008afb;
border-radius: 3px;
color: #FFFFFF;
cursor: pointer;
font-size: 13px;
font-size: 14px;
outline: medium none;
padding: 8px 9px;
}

#addScnt i {
padding-right: 2px;
}

#image_container {
margin-top: 20px;
}

.form .fieldimage2 {
-moz-transition: all 0.25s ease-in-out 0s ;
background-image: url("picture_add.png");
background-position: 5px 5px;
background-repeat: no-repeat;
border-radius: 3px 3px 3px 3px;
border: 1px solid #878787;
cursor: pointer;
height: 22px;
outline: medium none;
padding-left: 30px;
width: 220px;
}

.form .fieldimage2:focus {
border: 1px solid #99C92B;
box-shadow: 0pt 0pt 5px #99C92B;
}

.form .fieldimage3 {
-moz-transition: all 0.25s ease-in-out 0s ;
border-radius: 3px 3px 3px 3px;
border: 1px solid #878787;
cursor: pointer;
height: 22px;
outline: medium none;
padding-left: 5px;
width: 200px;
}

.form .fieldimage3:focus {
border: 1px solid #99C92B;
box-shadow: 0pt 0pt 5px #99C92B;
}


/* datepicker */
.form .datepicker {
-moz-transition: all 0.25s ease-in-out 0s ;
background-image: url("date.png");
background-position: 5px 4px;
background-repeat: no-repeat;
border-radius: 3px 3px 3px 3px;
border: 1px solid #878787;
cursor: pointer;
height: 22px;
outline: medium none;
padding-left: 30px;
width: 153px;
}

/*.form .error {
background-color: #FFCCCC;
color: #330000;
}

.form span.error {
background-color: #FFFFFF;
color: #990000;
display: inline;
font-size: 0.8em;
padding: 2px;
}

.form .valid {
background-color: #BDFFAA;
color: #003300;
}
*/
.form .save2 {
position: relative;
display: inline-block;
margin-top: 0.2em;
padding: 0.40em 1em;
background: #8EBB2B;
border-radius: 6px;
text-decoration: none;
border: none;
font-size: 1em;
color: #FFF;
transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
cursor: pointer;
}

.form .save2:hover {
background: #719322;
color: #FFF !important;
}

.form .save {
position: relative;
display: inline-block;
margin-top: 0.5em;
padding: 0.50em 1.5em;
background: rgb(125, 165, 38);
border-radius: 6px;
text-decoration: none;
border: none;
font-size: 1.2em;
line-height: 22px;

color: #FFF;
transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
cursor: pointer;
}

.form .save:hover {
background: #719322;
color: #FFF !important;
}

.form .cancel {
position: relative;
display: inline-block;
margin-top: 0.5em;
padding: 0.50em 1.5em;
background: #DC392B;
border-radius: 6px;
text-decoration: none;
border: none;
font-size: 1.2em;
line-height: 22px;
color: #FFF;
transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
cursor: pointer;
}

.form .cancel:hover {
background: #BF2E24;
color: #FFF !important;
}

.form .return {
position: relative;
display: inline-block;
margin-top: 0.5em;
padding: 0.50em 1.5em;
background: #FF9236;
border-radius: 6px;
text-decoration: none;
border: none;
font-size: 1.2em;
line-height: 22px;
color: #FFF;
transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
cursor: pointer;
}

.form .return:hover {
background: rgb(242, 135, 45);
color: #FFF !important;
}

.form .save, .form .cancel, .form .return {
font-family: FontAwesome, Tahoma;
}

#preview {
border-color: #333333 #666666 #666666 #333333;
border-style: solid;
border-width: 2px;
height: 119px;
width: 200px;
}

#content {
}

#content #mid {
/* background-color: #FFFFFF; */
padding: 2px 5px;
}

#content #top {
background-color: #FFFFFF;
height: 10px;
}

#content #end {
/* background-color: #FFFFFF; */
height: 10px;
}

#footer {
margin: 20px auto 10px;
padding: 5px 25px;
text-align: right;
color: #a0a0a0;
}

#footer a {
color: #a0a0a0;
}

#footer ul {
list-style-image: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.l {
font-family: Verdana,Geneva,sans-serif;
font-weight: bold;
padding-left: 10px;
vertical-align: super;
}

.actionbutton {
display: block;
float: left;
height: 24px;
overflow: hidden;
position: relative;
text-decoration: none;
text-align: center;
}

.actionbutton span {
background-color: #2E91CA;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
cursor: help;
display: block;
font-weight: bold;
height: 20px;
/*left: 0px;*/
right: -38px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
position: absolute;
top: -30px;
}

.actionbutton:hover {
overflow: visible;
text-decoration: none;
}

.actionbuttonred {
display: block;
float: left;
height: 24px;
overflow: hidden;
position: relative;
text-decoration: none;
/*! width:30px; */
text-align: center;
margin: 0px 5px;
}

.actionbuttonred span {
background-color: #FF0000;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
cursor: help;
display: block;
font-weight: bold;
height: 20px;
/*left: 0px;*/
right: -30px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
position: absolute;
top: -30px;
}

.actionbuttonred:hover {
overflow: visible;
text-decoration: none;
}

.actionbuttongreen {
display: block;
float: left;
height: 24px;
margin-right: 2px;
overflow: hidden;
position: relative;
text-decoration: none;
width: 24px;
}

.actionbuttongreen span {
background-color: #289F00;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
cursor: help;
display: block;

font-weight: bold;
height: 20px;
left: 0px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
position: absolute;
top: -30px;
}

.actionbuttongreen:hover {
overflow: visible;
text-decoration: none;
}

.clear {
clear: both;
height: 1px;
}

.submit {
background-color: #8CB82B;
border-radius: 4px;
border: 1px solid #8da756;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 5px;
padding: 8px 24px;
text-decoration: none;
}

.submit:hover {
background-color: #6b8c22;
}

.submit:active {
position: relative;
top: 1px;
}

#slickbox {
margin-top: 10px;
}

#slick-toggle {
background-color: #D6BE91;
padding: 8px 10px 8px 10px;
border: 1px solid #BFAB88;
border-radius: 5px;
margin-left: 5px;
margin-bottom: 5px;
color:#483c2f;
}
#slick-toggle:hover{
color:#000;
}


/* dropzone button */
.dropzone .dz-message span{
background-color: #1d73b8;
border-radius: 6px;
color: #fff;
padding: 10px 12px 11px 0px;
font-size:14px;
border:1px solid #1a639e
}
.dropzone .dz-message span:hover{
background-color: #1e6ba9;
}

.dropzone .dz-message span:before{
content: "+";
font-weight: bold;
font-size:20px;
line-height:20px;
color: #fff;
padding: 5px 12px 9px 12px;
margin-right:11px;
border-right:1px solid #1a639e;
}


#gallery {
}

#gallery #uploads {
}

#gallery #galleryitems {
}

#galleryitems .mediaitem {
background-color: #FFFFFF;
display: block;
float: left;
margin: 0px 5px 5px 0px;
padding: 2px;
position: relative;
}

#galleryitems .mediaactions {
height: 24px;
position: absolute;
right: 0px;
top: 0px;
background-color: #fff;
padding: 5px;
border-bottom-left-radius: 3px;
box-shadow: -1px 0px 3px #333;
}

.galleryimgDesc {
font-size: 12px;
padding-bottom: 3px;
padding: 3px;
word-wrap: break-word;
display: block; /* fix truncate text */
text-overflow: ellipsis;
overflow: hidden;
max-height: 2.3em;
line-height: 1.4em;
}




#gbrowser {
background-color: #FFFFFF;
padding: 3px;
}

#gbrowser legend {
color: #0066CC;
font-weight: bold;
}

#gbrowser .gbitem {
border: 2px solid #CCCCCC;
float: left;
margin: 0px 3px 3px 0px;
position: relative;
}

#gbrowser .gbactions {
position: absolute;
right: 3px;
top: 3px;
}

/* sort order tables*/
table.tablesorter {
background-color: #ededed;
color: #4D4D4D;
font-size: 12px;
margin: 10px 0px 15px;
text-align: left;
width: 100%;
}

table.tablesorter .std {
border-top: 1px dotted #2F92CB;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #3f464d;
/*border-radius: 3px 3px 3px 3px;
border: 1px solid #FFFFFF;*/
font-size: 12px;
font-weight: bold;
padding: 10px;
color: #fff;
}

table.tablesorter thead tr .header {
background-image: url("bg.gif");
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
}

table.tablesorter tbody td {
padding: 4px;
vertical-align: middle;
}

table.tablesorter tbody tr {
background-color: #FFFFFF;
color: #3D3D3D;
padding: 4px;
vertical-align: middle;
}

table.tablesorter tbody tr:hover {
/* background-color: #CFF1F9;*/
}

#maintabs tr:hover {
background-color: #E0FFAF;
}

#mainnews tr:hover {
background-color: #E0FFAF;
}

table.tablesorter thead tr .headerSortUp {
background-image: url("asc.gif");
}

table.tablesorter thead tr .headerSortDown {
background-image: url("desc.gif");
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #C9EAF2;
border: 1px solid #FFFFFF;
}

/*pages table*/
table.tablepages {
/* background-color: #C2E2EA; */
/* border-radius: 3px 3px 3px 3px; */
color: #4D4D4D;
font-size: 12px;
margin: 10px 0px 15px;
text-align: left;
width: 100%;
}

table.tablepages .std {
border-top: 1px dotted #2F92CB;
}

table.tablepages thead tr th, table.tablepages tfoot tr th {
/*background-color: #C5E3EA;






border-radius: 3px 3px 3px 3px;
border: 1px solid #FFFFFF;*/
font-size: 12px;
font-weight: bold;
padding: 10px 10px 7px 10px;
}

table.tablepages tbody td {
padding: 4px;
vertical-align: middle;
}

table.tablepages tbody tr {
color: #3D3D3D;
padding: 4px;
vertical-align: middle;
}

table.tablepages thead tr .headerSortDown, table.tablepages thead tr .headerSortUp {
border: 1px solid #FFFFFF;
}

.dndr {
background-image: url("dndr.png");
background-position: left center;
background-repeat: no-repeat;
text-align: right;
}

#cboxOverlay {
background-color: #AEBCBF;
}

#colorbox {
}

#cboxContent {
margin-top: 32px;
}

#cboxLoadedContent {
background-color: #FFFFFF;
padding: 4px;
}

#cboxLoadingGraphic {
background-image: url("loading.gif");
background-position: center center;
background-repeat: no-repeat;
}

#cboxLoadingOverlay {
background: none repeat scroll 0% 0% #000000;
}

#cboxTitle {
color: #000000;
left: 0pt;
position: absolute;
top: -22px;
}

#cboxCurrent {
position: absolute;
right: 205px;
text-indent: -9999px;
top: -22px;
}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
background-image: url("controls.png");
background-position: 0pt 0pt;
background-repeat: no-repeat;
height: 20px;
position: absolute;
text-indent: -9999px;
top: -20px;
width: 20px;
}

#cboxPrevious {
background-position: 0px 0px;
right: 44px;
}

#cboxPrevious.hover {
background-position: 0px -25px;
}

#cboxNext {
background-position: -25px 0px;
right: 22px;
}

#cboxNext.hover {
background-position: -25px -25px;

}

#cboxClose {
background-position: -50px 0px;
right: 0pt;
}

#cboxClose.hover {
background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
background-position: -75px -25px;
right: 44px;
}

.cboxSlideshow_on #cboxSlideshow.hover {
background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
background-position: -100px 0px;
right: 44px;
}

.cboxSlideshow_off #cboxSlideshow.hover {
background-position: -75px -25px;
}

.CodeMirror-line-numbers {
background-color: #EEEEEE;
color: #AAAAAA;
font-family: monospace;
font-size: 10pt;
padding-right: 0.3em;
padding-top: 0.4em;
text-align: right;
width: 2.2em;
}

div.pagerank-holder {
background-color: #F7F7F7;
border: 1px solid #848484;
height: 10px;
width: 60px;
}

.rank {
background-color: #009933;
float: left;
height: 10px;
}

.alexaRank {
color: #62774A;
font-size: 11px;
font-weight: bold;
}

.alexaRank a {
color: #62774A;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.alexaRank a:hover {
text-decoration: underline;
}

.spch-bub-inside {
position: relative;
}

a.spch-bub-inside {
color: #3867AB;
text-decoration: none;
}

.spch-bub-inside em {
font-style: normal;
font-size: 13px;
}

.spch-bub-inside em {
background: none repeat scroll 0% 0% #636363;
border-radius: 2px;
color: #FFFFFF;
padding: 6px 8px;
position: relative;
}

.spch-bub-inside .point {
border-right: 10px solid #636363;
border-top: 10px solid transparent;
display: block;
height: 0pt;
left: 1em;
overflow: hidden;
position: absolute;
top: -15px;
width: 0pt;
}

a.spch-bub-inside:hover {
color: #636363;
}

a.spch-bub-inside:hover em {
background: #636363;
color: #FFFFFF;
cursor: pointer;
}

a.spch-bub-inside:hover .point {
border-right: 10px solid #636363;
}


.graphs {
background-color: #CECECE;
float: left;
padding: 0pt;
position: relative;
width: 280px;
}

.graphs .bar {
background-position: right center;
background-repeat: repeat-x;
border-right: 1px solid #9F9F9F;
color: #FFFFFF;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 25px;
line-height: 1.9em;
position: relative;
text-align: center;
}

.graphs .bar span {
left: 1em;
position: absolute;
}

/*tooltip*/
#littleTIP {
max-width: 450px;
padding: 7px 6px 6px;
}



#littleTIPbackground {
background: none repeat scroll 0px 0px #0BAA04;
border-radius: 3px 3px 3px 3px;
border: 1px solid #2D8E08;
box-shadow: 1px 1px 4px #847C7C;
}

#littleTIPtext {
color: white;
font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
font-size: 13px;
line-height: 21px;
padding: 0px 5px;
text-align: center;
text-shadow: 1px 0px 1px #000000;
}

.languageView {
background-color: #FCFCFC;
border-color: #AEBCBF;
border-radius: 0px 0px 6px 6px;
border-style: dotted solid solid;
border-width: 1px;
box-shadow: 1px 2px 2px #B9C6C9;
font-size: 17px;
font-weight: normal;
margin-bottom:15px;
margin-top: -3px;
padding: 2px 5px 3px 7px;
width: 220px;
line-height: 25px;
}

.demo {
background: url("popup.png") repeat-x scroll left bottom rgb(255, 255, 255);
}

.pageListBg {
/* background-color: #CEE9EF; */
}

.menudiv {
border-bottom: 1px solid #e9e6e6;
padding: 5px 5px 5px 0px;
}

.handle {
opacity: 0.2;
}

.handle:hover {
opacity: 1;
cursor: move;
}

.menudiv:hover {
border-bottom: 1px solid #B0D9A5;
color: #010101;
background-attachment: scroll;
background-image: url(list_repeat.png);
background-repeat: repeat;
background-position: 0px 0px;
}

.menudiv .title-page, .menudiv .title-module {
font-size: 13px;
font-weight: bold;
line-height: 28px;
overflow: hidden;
padding-left: 5px;
cursor: pointer;
}

.title-page {
font-size: 14px;
padding-left: 0px;
}

.menudiv .title-module {
color: gray;
}

.menudiv .module-text {
display: none;
padding-left: 3px;
}

.menudiv span {
display: inline-block;
}

.menudiv span span {
font-size: 11px;
margin: 0px;
padding: 6px 12px 0px 12px;
}

.menudiv span .more {
color: gray;
font-size: 12px;
}

.menudiv img {
opacity: 0.9;
}

.menudiv:hover img {
opacity: 1.0;
}

/* fa icons */
.rightbuttons {
float: right;
padding-right: 9px;
}

.rightbuttons .fa {
font-size: 23px;
line-height: 25px;
display: block;
float: left;

}

.rightbuttons .fagreen {
color: RGBA(1, 123, 1, 0.30);
}

.rightbuttons .fagreen:hover {
color: RGBA(1, 123, 1, 1);
}

.rightbuttons .fablue {
color: #1D73B8;
}

.rightbuttons .faopacity{
color: #d8d8d8;
}

.rightbuttons .faopacity:hover{
color: #1D73B8;
opacity:1
}

.rightbuttons .fagreen2 {
color: #289F00;
opacity: 0.3;
}

.rightbuttons .fagreen2:hover {
color: #289F00;
opacity: 1;
}

.rightbuttons .fagreen3 {
color: RGBA(1, 123, 1, 1);
}

.rightbuttons .faorange {
color: rgb(249, 150, 22);
}

.rightbuttons .fared {
color: #D01B1B;
}

.rightbuttons .fagrey {
color: #999;
}

.fagreen4 {
color: RGBA(1, 123, 1, 1);
}

.fainfo {
color: rgb(58, 154, 215);
}

/*boxes title */
.titles {
float: left;
line-height: 25px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}

/*boxes buttons */
.rightbuttons2 {
width: 160px;
float: right;
}

.rightbuttons2 .fa {
font-size: 23px;
line-height: 25px;
display: block;
float: left;
margin-left: 10px
}

.rightbuttons2 .fablue {
color: #1D73B8;
}

.rightbuttons2 .fared {
color: #D01B1B;
}

.rightbuttons2 .fagreen3 {
color: RGBA(1, 123, 1, 1);
}

.rightbuttons2 .faorange {
color: RGBA(1, 123, 1, 1);
}

/* Menu container */
/* Menu styles */
.menu ul {
margin: 0px;
padding: 0px;
text-decoration: none;
}

.menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
font-size: 13px;
font-weight: normal;
}

/* Submenu styles */
.menu ul ul {
/*background-color:#F6F6F6;*/
}

.menu li li {
margin: 0px 0px 0px 16px;
}

/* Symbol styles */
.menu .symbol-item, .menu .symbol-open, .menu .symbol-close {
float: left;
width: 30px;
height: 30px;
}

.menu .symbol-item:before {
content: "\f138";
font-family: FontAwesome;
color: #000;
font-size: 14px;
padding: 5px 12px;
line-height: 39px;
color: #666;
}

.menu .symbol-close:before {
content: "\f0fe";
font-family: FontAwesome;
color: #000;
font-size: 17px;
padding: 5px 11px;
line-height: 39px;
cursor: pointer;

}

.menu .symbol-open:before {
content: "\f146";
font-family: FontAwesome;
color: #000;
font-size: 17px;
padding: 5px 11px;
line-height: 39px;
cursor: pointer;
}

.menu .symbol-item.last {
}

.menu .symbol-close.last {
}

.menu .symbol-open.last {
}

/* Menu line styles */
.menu li.item {
font-weight: normal;
}

.menu li.close {
font-weight: normal;
}

.menu li.open {
font-weight: normal;
}

.menu li.item.last {
}

.menu li.close.last {
}

.menu li.open.last {
}

/*show hide all button*/
.classname {
background-color: #4197ee;
border-radius: 4px;
border: 1px solid #469df5;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: bold;
padding: 2px 9px;

text-decoration: none;
}

.classname:hover {
border: 1px solid #4288CE;
background-color: #4288CE;
cursor: pointer;
}

.classname:active {
position: relative;
top: 1px;
}

a.showbtn {
display: inline-block;
color: #FFF;
background-color: #8AC007;
font-size: 14px;
text-align: center;
padding: 1px 10px 3px 10px;
text-decoration: none;
border: 1px solid #6e8634; 
border-right:0px;
border-radius: 5px 0px 0px 5px;

}
a.hidebtn {
display: inline-block;
color: #FFF;
background-color: #8AC007;
font-size: 14px;
padding: 1px 11px 3px 10px;
text-decoration: none;
border: 1px solid #6e8634;  
border-left:1px solid #6e8634;
border-radius: 0px 5px 5px 0px;
}

/* list order */
.form-message {
width: 400px;
position: absolute;
left: 50%;
top: 20px;
margin-left: -200px;
background-color: #FFF;
text-align: center;
border-radius: 3px;
text-align: center;
padding: 15px;
border:1px solid #ccc;
}

/* add button */
.addButton {
background-color: #328EC2;
padding: 8px 10px 9px 10px;
color: #FFF;
border-radius:3px;
font-size: 14px;
line-height:14px;
}

.addButton:hover {
background-color: #3289BA;
}

.plusButton {
display:none;
}

.addButton:before{
content: "\f067";
font-size:13px;
font-family: FontAwesome;
padding-right:5px;
font-style: normal;
font-weight: normal;
line-height:14px;
}

.pluginButton {
background-color: #328EC2;
padding: 11px 10px 10px 10px;
color: #FFF;
border-radius:3px;
font-size: 14px;
line-height:14px;
min-width:100px;
display:inline-block;
}

.pluginButton:hover {
background-color: #3289BA;
}

/*row highlight*/
tr.rowhighlight {
background-color: #FFF;
}

.rowhighlight:hover {
background-color: #E0FFAF;
}

.rowhighlight:hover table tr {
background-color: #E0FFAF;
}

/* count characters */
.CharCountLabel {
color: #0000FF;
padding-bottom: 10px;
}

.responsive-table {
width: 100%;
}

.td-1-3 {
width: 33%;
float: left;
}

.td-2-3 {
width: 66%;
float: left;
}

.td-3-3 {
width: 100%;
float: left;
}

.padtop10 {
padding-top: 10px;
}

.padtopbot10 {padding-top: 10px;padding-bottom: 10px;}

.text-left {
text-align: left;
}

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

@media only screen and (max-width: 767px) {
.text-left {
text-align:center
}

.text-right {
text-align: center
}

.td-1-3, .td-2-3 {
width: 100%;
float: left;
display: block;
}
}

/*.responsive-table td{
display:block;
width:100%;
}*/

input.error {
border: 1px solid #99182c;
box-shadow: 0pt 0pt 3px #99182c;
}

input.error-block:focus {
border: 1px solid #99182c;
box-shadow: 0pt 0pt 3px #99182c;
}

input.error-block {
box-shadow: 0pt 0pt 5px #DC392B;
border: 1px solid #DC392B;
font-weight: normal;
color: #000;
}

.error-block {
color: #DC392B;
font-weight: bold;
padding-left: 5px;
}

abbr {
color: transparent;
border-bottom: 0px none;

cursor: help;
text-decoration: none;
vertical-align: middle;
height: 16px;
width: 16px;
background-color: transparent;
background-image: url(help6.png);
background-position: 0px -16px;
background-repeat: no-repeat;
background-attachment: scroll;
}

.tooltip {
display: none;
position: absolute;
border-radius: 5px;
box-shadow: 2px 2px 3px rgba(0,0,0,.2);
background-color: #719322;
border: 1px solid #F7F7F7;
color: #fff;
padding: 10px;
}

/* count down session */
.headerFixed {
width: 220px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -55px;
}

.menu_countdown {
color: #fff;
position: relative;
padding: 4px 0px 4px 8px;
font-size: 12px;
background: #71ab3d;
border-radius: 3px;
margin-left: 10px;
background: linear-gradient(to bottom, #80c344 0%,#71ab3d 100%);
}

#left-time {
border-right: 1px solid rgb(165, 214, 121);
padding: 0px 8px 0px 2px;
cursor: help;
margin-right: 6px;
}

#reset {
border-left: 1px solid #a5d679;
padding: 0px 8px 0px 4px;
cursor: pointer;
margin-left: 6px
}

.onlinestyle{
background: #8EBB2B;
border-radius: 6px;
color:#fff;
padding:5px 12px 6px 12px
}

.photoSpan {
position: relative;

}
.photoPreview{
display:none;
position: absolute;
height:auto;
width:235px;
bottom:25px;
left: 0px;
padding:8px;
background-color:#fff;
border:1px solid #7e7e7e;
border-radius:2px;
}