/* Logo */
.logo img { height: auto; margin-bottom: 5px; margin-top: 5px; max-width: 100px; }

/* datepicker  */
.datepicker {background: url("../../../images/icons/day_calendar.png") no-repeat scroll right center #FFFFFF !important; }
.timepicker {background: url("../../../images/icons/clock.png") no-repeat scroll right center #FFFFFF !important; }
.datepickerAllocate {background: url("../../../images/icons/day_calendar.png") no-repeat scroll right center #FFFFFF !important; }

/* top bar */
#top_bar {height:26px;line-height:26px;font-size:11px;background-color:#000000; border-bottom:1px solid #4E4E4E;}
#top_bar a {color:#FFFFFF;}
#top_bar li {display:inline;padding-right:6px;line-height:26px; color:#CCCCCC;}
#top_bar li.sep {border-right:1px solid #ccc;margin-right:4px }

#header { border-top: 1px solid #4E4E4E;}
/*#footer { color:#FFFFFF !important;}*/
#footer a { color: #FFFFFF !important; }
#footer .toTop { color: #21759B !important; }

/* Backgrounds */
.bg_dg  {background: url(../../../images/Digitalglue-background.png) repeat top center !important}

/* Side bar*/
#sidebar h4 span img {padding-right:10px;vertical-align: top;} 
.sub_section_search {border: 1px solid #E3E3E3; color: #222222;
                    background-color:#F2F2F2;
                    background: -moz-linear-gradient(center top , #F9F9F9 0%, #F0F0F0 100%) repeat scroll 0 0 transparent; 
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#F0F0F0));
                    background: -webkit-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%);
                    background: -o-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%);

}
.sub_section .spInLn {margin:4px;}
.sub_section .datepicker {background: url("../../../images/icons/day_calendar.png") no-repeat scroll right center #FFFFFF !important; font-size: 11px !important;margin-top: 3px;padding-right: 20px !important;width: 55px !important;}

/* Grid */
/*.divGrid {float: left;}*//*width: 730px; */

.divGrid table { width: 100% !important;}
.divGrid table tr {height: 40px;}
.divGrid table tr.trMain {height: 25px;}
.divGrid table tr.trMain th.bgLine {width: 45px;}
.divGrid table tr:hover td {background-color:#F1F1F1 !important;}
.divGrid table tr:hover td.bgWhite{background-color: #FFFFFF !important;}
/*.divGrid table tr.trGridLn {position: relative;}*/
.divGrid table tr th{vertical-align: middle; padding-left: 5px; font-weight:bold; height: 25px; background-color:#F2F2F2;  text-align: left;
                                            border-bottom: 1px solid #444444;
                                            background: -moz-linear-gradient(center top , #FAFAFA 0%, #ECECEC 100%) repeat scroll 0 0 transparent; 
                                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#ECECEC));
                                            background: -webkit-linear-gradient(top, #FAFAFA 0%,#ECECEC 100%);
                                            background: -o-linear-gradient(top, #FAFAFA 0%,#ECECEC 100%);}
.divGrid table tr th.selected{background: -moz-linear-gradient(center top , #CCCCCC 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
                              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC), color-stop(100%,#CCCCCC));
                              background: -webkit-linear-gradient(top, #CCCCCC 0%,#CCCCCC 100%);
                              background: -o-linear-gradient(top, #CCCCCC 0%,#CCCCCC 100%); }
/*.divGrid table tr th.selected a.menuLink {color: #FFF}*/
.divGrid table tr th.selected div.actionMenu ul li a.mainItem {color: #FFF;}
.divGrid table tr td{vertical-align: middle; border-bottom: solid 1px #F1F1F1; padding-left: 10px; }
.nohaveOrdenation{padding-left: 5px;}
.haveOrdanation{padding-left: 10px;}
.divTableHeader{background-color: #FFFFFF; width: 700px !important;}
.sticky_actions{padding-top: 30px; padding-bottom: 15px;}   
.divFeedBackPager{ font-weight: bold; font-size: 14px; padding: 30px 0px  0px 10px;}
.tableSearch tr td { padding-bottom: 5px;}
.tableSearch tr td div { padding-bottom: 2px;}
.bgLine { background-image: url(../../../images/bg_gridTd.jpg) !important; background-repeat: repeat-y !important; border:none !important; }
    
.divGridFull {margin-left:0px !important; width:98% !important; }
.divGridFull table{width: 1150px  !important;}
.divGridFull table { border: none !important; }

/* Action Menu */
.actionMenu ul {padding:0; margin:0; list-style: none;}
.actionMenu ul li.mainLi {/*float:left;*/ position:relative; height:25px; line-height:25px;}
.actionMenu ul li ul li {position: relative; width:140px; display: none;}
.actionMenu ul li ul li.bigger{width:160px !important;}
.actionMenu ul li.mainLi span {height:25px; line-height:25px; width: 100%;}
.actionMenu ul li span a {/*display:block;*/ padding-left: 5px;}
.actionMenu ul li span a.menuLink {text-decoration:none !important; color: #000;}
/*.actionMenu ul li span a.menuOrdination {position:absolute; top: 5px; right: 1px; }*/
.actionMenu ul li span a.menuOrdination img { vertical-align: text-bottom; }
    
.actionMenu ul li ul li a {text-decoration: none; color: #000}
.actionMenu ul li ul li a img{position:absolute; top: 4px; right: 3px;}
.actionMenu ul li.mainLi:hover {border-left: solid 1px #000; border-right: solid 1px #000; border-top: solid 1px #000;} 
.actionMenu ul li.mainLi {border: solid 1px transparent}
.actionMenu ul li.selected {background: #035f39} .actionMenu ul li.selected span a.menuLink {color:#FFF;} 
a.menuLink{cursor:pointer !important;}
    
.actionMenu ul li:hover ul {display:block; position:absolute; top:25px; left:-0.8px; border: 1px solid #000;}
.actionMenu ul li ul li.selected {background-color: #EAEAEA !important}
.actionMenu ul li:hover ul li{display:block; background-color:#FFF;}
.actionMenu ul li:hover ul li:hover{background:#F2F2F2; color:#000;}
    
.actionMenu ul li:hover ul li.hasLevel3 {position:relative; height: 25px; line-height:25px;}
.actionMenu ul li:hover ul li ul {display: none;}
.actionMenu ul li.mainLi ul li ul {position:absolute; left: 140px !important; top:0;}
.actionMenu ul li.mainLi ul li.bigger ul{position:absolute; left: 160px !important; top:0;}
.actionMenu ul li.mainLi ul li ul.menuLeft {left:-142px !important}
.actionMenu ul li.mainLi ul li.bigger ul.menuleft{left:-162px !important} 
.actionMenu ul li:hover ul li:hover ul {display:block; }
.subItemSelected {background-color: #BCB7B7 !important;}

/*Sortable list*/
ul.sortable_list li { padding: 5px 0px; margin:5px 0px; border-bottom:1px solid #F0F0F0; }
.subItemSelected {background-color: #BCB7B7 !important;}

    
.main_col {padding:8px 0 8px 14px; border-left:1px solid #eee;}


input.btn{font: 700 12px/25px Helvetica,Arial,sans-serif !important; padding: 4px 15px;}
input.btn_a,input.btn_aS,input.btn_aL {background-color: #E3E3E3; }
input.btn_b,input.btn_bS,input.btn_bL {background-color: #BFC8CF;}
input.btn_c,input.btn_cS,input.btn_cL {background-color: #4F5468;}
input.btn_d,input.btn_dS,input.btn_dL {background-color: #2382B1;}
input.btn_a:hover,input.btn_aS:hover,input.btn_aL:hover {background:#f9f9f9}
input.btn_b:hover,input.btn_bS:hover,input.btn_bL:hover {background:#eef6f9}
input.btn_c:hover,input.btn_cS:hover,input.btn_cL:hover {background:#989eac}
input.btn_d:hover,input.btn_dS:hover,input.btn_dL:hover {background:#67b4db}



    
/* Details MODAL One column (800px) */
    #divDetailsModal_2c {background:#fff; width: 860px;overflow:hidden;position:relative}
    #divDetailsModal_2c .items {width:20000em;clear:both;}
    #divDetailsModal_2c .page {width:100%;float:left}
    #divDetailsModal_2c .page .pageInside {margin-bottom:10px; margin-bottom: 20px;}
    #divDetailsModal_2c .w_main_col { display: inline-block !important; }
    #divDetailsModal_2c .divIframe {height: 250px;}   
    #divDetailsModal_2c input, #divDetailsModal_2c select {margin: 10px 0px 3px 0px}
    
    .h1Modals { width: 100%; height:40px; border-bottom: Solid 1px #CCC; margin-bottom: 10px; }    


    
    
/* validation Errors */
    label.error, .ValidationError { color: Red; }
    input.error, select.error, textarea.error { background-color:#FFCECE !important; border: #FF0000 1px solid  !important;}    
    .divAllSearchInfo{width: 78px; height: 10px; font-size: 8px; vertical-align: middle; text-align: center; background-color: #F27100; color: #FFF; float: left; margin-top: 9px; display: none;}


/* Background Classes (Menus) */    
    .iconResend {background: url(../../../images/icons/resend.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconSend {background: url(../../../images/icons/mail.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconSearch {background: url(../../../images/icons/search.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconView {background: url(../../../images/icons/preview.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconEdit {background: url(../../../images/icons/create_write.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconEditSmall {background: url(../../../images/icons/create_write.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconRefresh {background: url(../../../images/icons/refresh.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconRefreshRed {background: url(../../../images/icons/refresh_Red.png) no-repeat 5px center; padding-left: 20px !important;}
    .iconRefreshGreen {background: url(../../../images/icons/refresh_green.png) no-repeat 5px center; padding-left: 20px !important;}

    .iconStop {background: url(../../../images/icons/stop.png) no-repeat 5px center; padding-left: 20px !important;}
    
    .iconAction {background: url(../../../images/icons/cog.png) no-repeat 5px center;padding-left: 27px !important;}    
    .iconArrow_up {background: url(../../../images/icons/arrow_up.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconArrow_down {background: url(../../../images/icons/arrow_down.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconImport,.iconBounced {background: url(../../../images/icons/bended_arrow_left.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconExport {background: url(../../../images/icons/bended_arrow_right.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconLockUnlock {background: url(../../../images/icons/LockUnlocked.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconUserActivate {background: url(../../../images/User_Active.png) no-repeat 5px 5px; padding-left: 27px !important;}
    .iconUserBlock {background: url(../../../images/user_Blocked.png) no-repeat 5px 5px; padding-left: 27px !important;}
    .iconUserChange {background: url(../../../images/icons/user-change2.png) no-repeat 5px center; padding-left: 27px !important;}
    .iconDelete {background: url(../../../images/icons/55.png) no-repeat 5px center; padding-left: 27px !important;}
    .noAction {background: url(../../../images/icons/84.png) no-repeat 5px center; padding-left: 27px !important;}
    
    
    
    
/* AutoComplete
----------------------------------*/
.BG_magnifying_glass { background-attachment: scroll !important; background: #FFFFFF url(../../../images/icons/magnifying_glass.png) no-repeat !important; background-position: right center !important; padding-right: 20px !important;} 
.BG_new_item { background-attachment: scroll !important; background: #FFFFFF url(../../../images/icons/create_write.png) no-repeat !important; background-position: right center !important; padding-right: 20px !important;}     


/* using to align status '@Html.StatusBar(@Model.StatusEnum)' in list
----------------------------------*/
.floatLeft span{float:left !important;}


.bold{font-weight: bold !important;}
.red{color: Red !important;}
.lightGray {color: #F7F7F7 !important;} 
.gray { color: #908F90 !important; }

/*FONTS SIZES*/
    /*small*/ .fs{font-size: 10px;}
    /*medium*/.fm{}
    /*big*/.fb{}
    


/* PAGER */
.divPager {background: url("../../../images/bg_gridSelect.png") no-repeat scroll 0 -1px transparent; height:33px; margin-left: 12px; padding-left: 40px;}
.divPager .divActions { width:160px; float: left; }

/*ul{border:0; margin:0; padding:0;}*/

/* MIDDLE TEXT */
.pagination-middleText li{  /*border:0; margin:0; padding:0;*/  font-size:11px;  list-style:none;  } 
.pagination-middleText .previous-off,  .pagination-middleText .next-off {  color:#DDDDDD;  display:block;  float:left;  font-weight:bold;  padding:3px 6px; border: solid 1px #DDDDDD; }  
.pagination-middleText .previous-off a,  .pagination-middleText .next-off a {  color:#DDDDDD !important;}  
.pagination-middleText .next a,  .pagination-middleText .previous a {  font-weight:bold;  border:solid 1px #DDDDDD;  } 
.pagination-middleText .active{  color:#ff0084;  font-weight:bold;  display:block;  float:left;  padding:4px 6px;  }  
.pagination-middleText .message { display:block;  float:left;  font-weight:bold;  padding:6px 40px;border:solid 1px #DDDDDD; /*color:#345B86;*/   }  

.pagination-middleText a:link,  .pagination-middleText a:visited {  color:#0063e3;  display:block;  float:left;  padding:3px 6px;  text-decoration:none;  }  
.pagination-middleText a:hover{  border:solid 1px #666666;  }
.pagination-middleText .middle { display:block;  float:left;  font-weight:bold;  padding:2px 10px;border:solid 1px #DDDDDD; /*color:#345B86;*/ }  
.imgGoToPage:hover { cursor : hand !important; display:inline; }  
.inptPagination {padding:1px 1px; font-size: 11px !important; width:28px; height: 13px; border:1px;border-color:#b8b8b8 #e2e2e2 #e2e2e2 #b8b8b8;border-style:solid; text-align: center;}


/* FLICKR */
#pagination-flickr li{  border:0; margin:0; padding:0;  font-size:11px;  list-style:none;  } 
#pagination-flickr a{ border: solid 1px #DDDDDD;  margin-right:2px;  }
#pagination-flickr .previous-off,  #pagination-flickr .next-off {  color:#DDDDDD;  display:block;  float:left;  font-weight:bold;  padding:3px 6px; border: solid 1px #DDDDDD; }  
#pagination-flickr .previous-off a,  #pagination-flickr .next-off a {  color:#DDDDDD !important;}  
#pagination-flickr .next a,  #pagination-flickr .previous a {  font-weight:bold;  border:solid 1px #DDDDDD;  } 
#pagination-flickr .active{  color:#ff0084;  font-weight:bold;  display:block;  float:left;  padding:4px 6px;  }  
#pagination-flickr a:link,  #pagination-flickr a:visited {  color:#0063e3;  display:block;  float:left;  padding:3px 6px;  text-decoration:none;  }  
#pagination-flickr a:hover{  border:solid 1px #666666;  }

.pagination {cursor: pointer;}


.innertube { padding: 10px; }
.field-validation-error { color: Red; display: block;}
.input-validation-error { border: 1px solid Red !important; }
.validation-summary-errors { background: url("../../images/message_error.png") no-repeat scroll 15px 10px #FFDFDF; border: 1px solid red; padding: 14px 10px 14px 50px; margin-bottom: 15px; }
.validation-summary-errors ul { list-style: none; padding:0px; }


.ButtonsExtract {  }



/* Auto Complete TextBox*/
.searchBox{
  background-image:url('../../images/search.png') !important;
  background-repeat:no-repeat !important;
  background-attachment: scroll !important;
  background-position: right center !important;
  padding-right:20px !important;
}

.w70 { width: 70px !important; } .w70Dd { width: 75px !important; }
.w90 { width: 90px !important; } .w90Dd { width: 95px !important; }
.w120 { width: 120px !important; } .w120Dd { width: 125px !important; }
.w150 { width: 150px !important; } .w150Dd { width: 155px !important; }
.w170 { width: 170px !important; } .w170Dd { width: 175px !important; }
.w200 { width: 200px !important; } .w200Dd { width: 205px !important; }

.smallSize { width: 120px !important; } .smallSizeDd { width: 125px !important; }
.mediumSize { width: 220px !important; } .mediumSizeDd { width: 225px !important; }
.bigSize { width: 450px !important; } .bigSizeDd { width: 455px !important; }


.minChartHeight { min-height: 220px !important; }


 .linkcolor { color: #21759B; }

 /*Info Icon*/
 
img.info_img {
    padding-left: 5px;
    vertical-align: text-bottom;
}

/* Minimum Width Classes */
.minw55 { min-width: 55px; }
.minw90 { min-width: 90px; }