/*::: HTML CLASSES :::*/

/* body, html --> check ie.css & mozilla.css */

li.negMargin        { margin-left: -20px; }


img.itemIcons       { border: 0; 
	              vertical-align: middle; }

img.static          { border: 0; }

table.subDetails    { padding: 0px;
                      width: 350px;
                      border: 1px solid #000000; 
                      margin-bottom: 10px; }

img.bordered        { border: solid 1px #51280c; }

fieldset            { border: 1px solid #AAAAA9;
                      background-color: #f3f8d9;
	              padding: 5px;
	              margin: 5px;
	              text-align: left; }

fieldset#checkbox input  { width: 35px; }



/*::: CUSTOM CLASSES :::*/

/* Black - #000000 */

.black-bold         { font-weight: bold; 
                      color: #000000; }

.black-10-bold      { font-size: 10px; 
                      font-weight: bold; 
                      color: #000000; }

.black-11           { font-size: 11px;
                      color: #000000; }

.black-11-bold      { font-size: 11px;
                      font-weight: bold; 
                      color: #000000; }

.black-13           { font-size: 13px;
                      color: #000000; }

.black-13-bold      { font-size: 13px;
                      font-weight: bold; 
                      color: #000000; 
                      text-decoration: none; }

.black-14-bold      { font-size: 14px;
                      font-weight: bold; 
                      color: #000000; 
                      text-decoration: none; }

/* White - #FFFFFF */

.white-12           { font-size: 12px;
                      color: #ffffff; }

.white-13           { font-size: 13px;
                      color: #ffffff; }

/* Gray - #CCCCCC */

.gray-bold           { font-weight: bold; 
                       color: #5D5D5D; }

.gray-11-bold        { font-size: 11px; 
                       font-weight: bold; 
                       color: #5D5D5D; }

.gray-13-bold        { font-size: 13px; 
                       font-weight: bold; 
                       color: #5D5D5D; }

.gray-14-bold        { font-size: 14px; 
                       font-weight: bold; 
                       color: #5D5D5D; }

/* Red - #FF0000 */

.red                { color: #ff0000; }

.red-bold           { font-weight: bold; 
                      color: #ff0000; }

.red-11-bold        { font-size: 11px; 
                      font-weight: bold; 
                      color: #ff0000; }

/* BrickRed - #CC1E1F */

.brickred-bold      { font-weight: bold; 
                      color: #B32828; }

.brickred-10-bold   { font-size: 10px; 
                      font-weight: bold; 
                      color: #B32828; }
					  
.brickred-11   { font-size: 11px; 
                      color: #B32828; }

.brickred-11-bold   { font-size: 11px; 
                      font-weight: bold; 
                      color: #B32828; }

.brickred-13-bold   { font-size: 13px; 
                      font-weight: bold; 
                      color: #B32828; }

.brickred-14-bold   { font-size: 14px; 
                      font-weight: bold; 
                      color: #B32828; }

.brickred-15-bold   { font-size: 15px; 
                      font-weight: bold; 
                      color: #B32828; }

/* NavyBlue - #07256A */

.navyblue-bold      { font-weight: bold; 
                      color: #07256a; }

.navyblue-10-bold   { font-size: 10px; 
                      font-weight: bold; 
                      color: #07256a; }
					  
.navyblue-11   { font-size: 11px; 
                      color: #07256a; }

.navyblue-11-bold   { font-size: 11px; 
                      font-weight: bold; 
                      color: #07256a; }

.navyblue-13-bold   { font-size: 13px; 
                      font-weight: bold; 
                      color: #07256a; }

.navyblue-14-bold { font-size: 14px;
                    font-weight: bold;
                    color: #072f4c; }

.navyblue-15-bold   { font-size: 15px; 
                      font-weight: bold; 
                      color: #07256a; }

/* Lime - #07256A */

.lime-bold          { font-weight: bold; 
                      color: #459e27; }

.lime-10-bold       { font-size: 10px; 
                      font-weight: bold; 
                      color: #459e27; }
					  
.lime-11            { font-size: 11px; 
                      color: #459e27; }

.lime-11-bold       { font-size: 11px; 
                      font-weight: bold; 
                      color: #459e27; }

.lime-13-bold       { font-size: 13px; 
                      font-weight: bold; 
                      color: #459e27; }

.lime-14-bold       { font-size: 14px; 
                      font-weight: bold; 
                      color: #459e27; }

.lime-15-bold       { font-size: 15px; 
                      font-weight: bold; 
                      color: #459e27; }


.h1                 { font-size: 17px;
                      font-weight: bold;
                      color: #07256a;
                      margin: 0 0 0 0;
                      padding: 0px 0 20px 0px;
                      line-height: 24px; }

 .h2                { font-size: 20px;
                      font-weight: bold;
                      color: #072f4c;
                      margin: 0 0 0 0;
                      padding: 0px 0 20px 0px;
                      line-height: 24px;
                    }

.buttons            { margin-left: 5px;
	                  margin-top: 10px;
	                  margin-bottom: 10px; }

.clearer            { clear: both; }

.static             { border: 0;
                      text-decoration: none; }

/*::: User DataBox Info :::*/
.databox table { border-collapse: collapse; text-align: left; width: 100%; }
.databox { background: #f3f8d9; overflow: hidden; border: 1px solid #8c8c8c; }
.databox table td, .databox table th { padding: 5px 5px; }
.databox table tbody td { color: #000000; font-size: 13px; font-weight: normal; }
.databox table tbody td:first-child { border-left: none; }
.databox table tbody tr:last-child td { border-bottom: none; }

/*::: User DataGrids :::*/
.datagrid table { border-collapse: collapse; text-align: left; width:100%;  }
.datagrid { background: #ffffff; overflow: hidden; border: 1px solid #8c8c8c; max-width:95%; margin-left:10px; margin-right:10px; display: flex;}
.datagrid table th { padding: 4px 5px; }
.datagrid table td { padding: 3px 5px; }
.datagrid table thead th {
        background-color: #072f4c;
        color: #ffffff;
        font-size: 13px;
        font-weight: bold;
    }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #000000; font-size: 13px; border-bottom: 1px solid #8c8c8c; font-weight: normal; }
.datagrid table tbody .alt td { background: #f3f8d9; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }

.noUserInfo { background: #f3f8d9; overflow: hidden; padding: 3px 5px; }

.noUserInfo a {
  color: #07256a;
  text-decoration: underline;
}

.noUserInfo a:hover {
  color: #07256a;
  text-decoration: none;
}

@media (max-width: 812px) {

    .datagrid {
        overflow: scroll;
    }
}


/*::: Modal Popups :::*/

.modalPopupBG       { /*background-color: #666699;
	              background-color: #e6e6e6;*/
	              background-color: #ffffff;
	              opacity: 0.4;
	              filter: alpha(opacity=50);
}

.popupContainer { /*background-color:#F8F8F8;*/
    background-color: #ffffff;
    border: 1px solid #072f4c;
    width: 80%;
    padding: 0px 0px 0px 0px;
}

.popupConfirmation  { width: 700px;
	              height: 250px; }

.popupTitlebar      { 
	              background-color:#07256A;
	              height: 25px;
	              border-bottom:solid 1px #07256A;
	              padding-left:5px;
	              padding-top:3px;
                  padding-bottom: 10px;
	              font-family:"Muli","Microsoft Sans Serif",Arial,Geneva,Sans-Serif;
	              font-weight:bold;
	              /*font-size:14px;*/
	              color:#ffffff; }

.popupBody          { padding:10px 10px 10px 10px;

	              /*font-weight:bold;
	              font-size:12px;*/
	              width: inherit;
	              line-height:15pt;
	              clear:both; }

.titlebarLeft       { float:left;
	              padding-left:5px;
	              padding-top:3px;
	              font-family:"Segoe UI","Microsoft Sans Serif",Arial,Geneva,Sans-Serif;
	              font-weight:bold;
	              font-size:14px;
	              color:#000000; }

.titlebarRight      { background:url(/Images/cross_icon_normal.png);
	              background-position:right;
	              background-repeat:no-repeat;
	              height:15px;
	              width:16px;
	              float:right;
	              cursor:pointer;
	              margin-right:5px;
	              margin-top:5px; }

.popupButtons       { text-align: right;
	              margin-right: 10px;
	              margin-bottom: 10px; }
        
.commentBox         { font-family:"Segoe UI","Microsoft Sans Serif",Arial,Geneva,Sans-Serif;
                      font-size: 14px;
                      color:#30332d;
                      width: 672px;
                      height: 275px;
                      resize: none; }
        
.btnDefault         { display:inline-block;
                      background-color:#ffffff;
                      background-image:url(/Images/button_gradient2.gif);
                      background-repeat:repeat-x;
                      background-position:bottom;
                      width:7.5em;
                      padding:.3em; }


/*::: Modal Popups END :::*/