/*@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PT Sans/PTC55F.ttf');
}*/

html, body {
    margin: 0;
    height: 100%;
    min-height: 100%;
}
body
{
    height: 100%;
    background-color:#f1f1f1;
    /*background:url(images/bg.gif) repeat-x 0px 0px;*/
    color:#333333;
    /*font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif, Verdana;*/
    font-family:  Verdana;
    /*font-size: 100%;*/ 
    font-weight:normal;
    -webkit-font-smoothing: subpixel-antialiased;       
}

@media print{  
    body {font-size:x-small}    /*by default, force all text to x-small*/
    select, input, input[type=text], input[type=number], input[type=date] {font-size:x-small}
    a[href]:after {content: none !important;}   /*bootstrap adds explicit href printing by default, this disables it*/
    #lblPageTitle {font-size:large;}
}

/*IMG {  border-style: none; }
INPUT[type=text] {padding:3px; font-size:large;}
INPUT[type=radio] { font-size:large;}
SELECT {padding:3px; font-size:large;}
TEXTAREA{padding:3px; font-size:large;}*/

/* BUTTONS */
/*
INPUT[type=submit],[type=button] {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 15px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
INPUT[type=submit],[type=button]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
INPUT[type=submit],[type=button]:active {
	position:relative;
	top:1px;
}
*/

.pageHeading { font-size:large; font-weight:normal; text-transform:capitalize; }
.heading { font-size:large; font-weight:normal; text-transform:capitalize; }
.bodyText { font-size:medium; font-weight:normal; }
.sectionTitle { padding:5px; font-size: large; background-color: #f1f1f1; border-bottom:solid 1px #cccccc; }
.attentionText {font-weight:bold; color:red;}
.warningText {font-weight:bold; color:#c7990a;}
.actionText {font-weight:bold; color:green;}

.error{font-weight:bold;color:Red;}
DIV.error {border: solid 1px red;background-color:#fdffcf}
.success{font-weight:bold;color:Green;}
DIV.success {border: solid 1px green;background-color:#f0fff2}
.info{font-weight:bold;}
DIV.info {border: solid 1px #678599;background-color:#f0fff2}


.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}

.app-modal {
    display:none;
    position: fixed;
    z-index: 11; /* 1px higher than the overlay layer */
    
    border: solid 1px #ccc;
    border-radius: 3px;
    overflow:hidden;
    background-color: #fff;
    
    /*center*/
    margin: 0;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.app-modal .content { 
    position:relative;
    width: 100%;
    height:100%;
    overflow:auto;
    background-color: #fff;
    border:solid 0px red;
}
.app-modal .content .title { 
    position:relative;
    width: 100%;
    /*height:7%;*/
    top: 0; 
    left: 0;
    overflow:hidden;
    background-color: #f1f1f1;
    font-size: 1.2rem;
    border-bottom: solid 1px #cccccc;
}
.app-modal .content .title DIV {margin: 10px;}
.app-modal .body {margin: 20px;}
.app-modal .content .footer { 
    width: 100%;
    /*height:12%;*/
    position: absolute; 
    bottom: 0; 
    left: 0;
    overflow:hidden;
    background-color: #f1f1f1;
    border-top: solid 1px #cccccc;
}
.app-modal .content .footer DIV {margin: 10px;}
.app-modal .content .footer .buttons {text-align:right; margin-right: 30px;}
.app-modal .closer {
    position:absolute;
    height:50px;
    width:50px;
    top:-5px;
    right:-5px;
    cursor:pointer;
    z-index:12;
    background: url(images/close.png) no-repeat 50% 50%;
    /*border:solid 1px red;*/
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.tile { 
    position:relative;
    margin: 5px; 
    padding: 10px; 
    background-color: #edece8;
    cursor:pointer; 
}
.tile IMG {margin: 0;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%); }
.tile INPUT[type=image] { width: 40%;margin: 0;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%); }
.tile:hover { background-color: #e1e0dd; }
.tile A { color:#333333; font-size:medium; font-weight:normal; text-transform:capitalize; text-decoration:none; 
          position:absolute; bottom:5px; left:5px; }


.inlineButton { margin:0 20px 0 0;   }
.searchBox{width:100%; border:solid 1px #9d9d9d; font-size:1.5rem;padding:5px; autocomplete:off; }
.loginBox{width:97%; border:solid 1px #678599; font-size:1.8rem;padding:5px; autocomplete:off; }
.checkboxLg INPUT{width:20px; height:20px;}
.panelEdit{background-color:#fdffcf;}


.memberRow{overflow:hidden; padding:7px;border-bottom:solid 1px #e7e7e7; font-weight:bold;cursor:pointer;text-transform:capitalize;}
.memberRow A{text-decoration:none;}
.memberRow:Hover{padding:7px;font-weight:bold;color:#fff; background-color:#2f7fed;text-transform:capitalize;}
.memberRow:Hover A{color:#fff;}

.form {}
.form INPUT[type=text]{width:200px; }
.form INPUT[type=password]{width:200px;}
.form SELECT{width:206px;}

.mInfoFldNm{float:left; width:80px;font-size:12px;}
.mInfoFldVal{float:left;font-size:12px;font-weight:bold;}

.fldName {}
.fldVal{margin:0 0 10px 0; font-family:Verdana;}
/*.fldVal INPUT[type=text] {width:250px; font-size:medium; font-family:Verdana;}
.fldVal INPUT[type=radio] {margin:5px 0 0 10px; font-family:Verdana;}
.fldVal SELECT {width:255px; font-size:large; font-family:Verdana;}*/

#divMemList{
    width:100%;height:194px;
    overflow-x:hidden;overflow-y:scroll;
    border:solid 1px #b9c6ce; 
    background-color:#fff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-base-color:#ffffff;
    scrollbar-darkshadow-color: #cccccc;
    scrollbar-track-color: #ffffff;
    scrollbar-face-color: #d3d3d6;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3d-light-color: #ffffff;
}

.txtChkinOK{font-size:24px;font-weight:bold;color:Green;}
.txtChkinWarning{font-size:24px;font-weight:bold;color:#C47404;}
.txtChkinNoEntry{font-size:24px;font-weight:bold;color:Red;}
.txtChkinName{font-size:24px;font-weight:bold;color:#000000; text-transform:capitalize;}
.txtChkinMsgCritical{font-size:24px;font-weight:bold;color:Red}
.txtChkinMsgWarning{font-size:20px;font-weight:bold;color:#C47404}
.txtChkinMsgGood{font-size:20px;font-weight:bold;color:Green}
.txtChkinComment{font-size:26px;font-weight:bold;color:Red}
.txtChkinMisc{font-size:18px;font-weight:bold;color:#595959}

.sep {clear:both;height:10px;}
.smallBreak {font-size:5px;}
.line { clear:both; width:100%; height:1px; background-color:#d7d7d7; }
.line02 { clear:both; width:100%; height:1px; background-color:#7e9501; }
.breakSm { font-size:5px; }
.breakLg { font-size:36px; }

.shaddow{-moz-box-shadow: 0px 3px 4px #cccccc; -webkit-box-shadow: 0px 3px 4px #cccccc; box-shadow: 0px 3px 4px #cccccc; 
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#cccccc')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#cccccc'); 
}


.paging {color:#333; padding:5px; border: solid 1px transparent;}
.paging a {color:#20649b; text-decoration:none; padding:7px 10px 7px 10px; margin:0;  border: solid 1px #cccccc;}
.paging a:hover {background-color:#f7f7f7;  padding:7px 10px 7px 10px;; color:#20649b; border: solid 1px #cccccc; }
.paging .current {color:#333; background-color:#f7f7f7; font-weight:bold; padding:7px 10px 7px 10px;;  border: solid 1px #cccccc;}
.paging span {color:#333; background-color:#f7f7f7; font-weight:bold; padding:7px 10px 7px 10px;;  border: solid 1px #cccccc;}
    

/* ------ table01 ------ */
.table01{ background: #fff;border-collapse: collapse;text-align: left;}
.table01 th{font-weight: normal; padding: 10px 15px; border-bottom: 1px solid #b3b3b3; text-align: left;}
.table01 tbody td{border-bottom: 1px solid #ccc;padding: 10px 15px;}
.table01 tbody td.red{color:red;}
.table01 tbody td.bold{font-weight:bold;}
.table01 tbody td.left{text-align:left;}
.table01 tbody td.center{text-align:center;}
.table01 tbody td.right{text-align:right;}
.table01 tbody tr:hover td{}
.table01 .rowHeader{background-color:#f1f1f1; border:none;}
.table01 .rowFunctions{background-color:#f1f1f1;}
.table01 .rowDeleted{}
.table01 .rowEdit{background-color:#fdffcf;}

.tableSm{font-size: small; }
.tableSm th{font-size: small;}
.tableSm tbody td{font-size: small;}
.tableSm .rowHeader{background-color:#f1f1f1; border:none;}
.tableSm .rowFunctions{background-color:#f1f1f1;}
.tableSm .rowDeleted{background-color:#a80d0d;}
.tableSm .rowEdit{background-color:#fdffcf;}
/* --------------------- */

/*.tileLg { width: 110px; height: 110px; }
    .tile SPAN { font-size:100%;}
.tileMed {width: 70px; height: 70px; }
    .tileMed SPAN { font-size:80%; }
.tileSm { width: 50px; height: 50px; }
    .tileSm SPAN { font-size:80%; }
.tileRectLg {width: 150px; height: 110px;}
.tileRectMed {width:90px; height: 70px;}
.tileRectSm {width: 70px; height: 50px;}*/


.tab{color:#333333;text-decoration:none; text-transform:uppercase;}
.tab:hover{border-bottom:solid 2px #6c9ca6;}
.tab.selected{font-weight:bold;}
.tab.header{padding:10px; background-color:#fff; border:solid 1px #ccc; border-left-width:0; border-right-width:0;}
.tabContent {margin:20px 0 0 0;}

/***************** Bootstrap overrides *********************/
input[type="checkbox"] + label { 
    font-weight:normal;
    margin:0 10px 0 0;
    cursor:pointer;
    font-size:110%;
}