body,div,h1,h2,h3,h4,h5,p,ul { font-family: arial,sans-serif; }

body { 
  font-size: 83%;
  background-color: #FFFFFF; 
  color: #333;
  
}

.gradientBody {
    background: #FFFFFF url("getDynImage.sdi?online_site_id=0&type=body") repeat-x fixed;
}
.trainerLogonBody {
    background-color: #FFFFFF; 
    background-image: url('/mqtcty/'); background-repeat: repeat;
}

img { border: 0; }
label { font-weight: bold; }

table { font-family: arial,sans-serif; }
th,td,caption {
    font-family: arial,sans-serif;
}

td.overallBeg { text-align: center; }
td.overallBeg table { text-align: left; }

tr.altRowEven {
    background-color: #EEEEEE;
}

tr.altRowOdd {
    background-color: #EEEEEE;
}

.error {
    color:red;
    font-weight:bold;
    padding : 4px;
    /*font-size : 83%;*/
}

.warning {
    color: orange;
    font-weight: bold;
    padding : 4px;
    /*font-size : 83%;*/
}

.info {
    color: green;
    font-weight: bold;
    padding: 4px;
}

.errorMsg, .infoMsg, .warningMsg{
    font-weight : bold;
    padding : 4px;
}
.errorMsg { color: red; }
.infoMsg { color: green; }
.warningMsg { color: orange; }

*.pagehead {   
    background-color: #5C743D;
    background-image: url("getDynImage.sdi?online_site_id=0&type=pageheader&w=3&h=28");
    color: #FFFFFF;
    /*font-size : 83%;*/
    margin: 0px;
}

.xx_compact {
    font-size:83%;
}
.x_compact {
    font-size:95%;
}

.required { 
    font-size:135%;
}

A:link.heading { color:#FFFFFF }
A:visited.heading { color:#FFFFFF }
A:hover.heading { color:#9400D3 } 
A:active.heading { color:#FFFFFF }

.heading, .sorttable_nosort {
    background-color:#5C743D;
    color:#FFFFFF;
    font-weight:bold;
    /*font-size:83%;*/
}
.normalheading {
    background-color:#5C743D;
    color:#FFFFFF;
    font-weight:bold;
    font-size:100%;
}
.transparentheading {
    color:#FFFFFF;
    font-weight:bold;
}
.normal {
    background-color:#F4FFE4;
    color:#000000;
    font-weight:normal;
}
.section {
    color : #ffffff;
    font-weight : bold;
    /*font-size : 83%;*/
}
.sectionpad {
    padding: 4px 0px 0px 0px;
}

A:link{ color:#5C743D }
A:visited{ color:#5C743D }
A:hover{ color:#009900 } 
A:active{ color:#5C743D }

.groupBegin{
    width : 100%;
    border : 0px;
}

.headingColor{
    color:#FFFFFF;
}

.groupHeading{
    width : 100%;
    padding: 0px;
    margin : 0px;
    border : 0px;
    border-collapse : collapse;
}

.groupCorner{
    padding: 0px;
}

.groupSpacer{
    background-color : #5C743D;
}

.groupMarker{
    width: 1%;
    text-align: center;
    padding-right: 5px;
    background-color : #5C743D;
    background-image: url("getDynImage.sdi?online_site_id=0&w=3&h=28"); 
}

.groupLabel{
    width : 99%;
    text-align : left;
    font-weight : bold;
    background-color : #5C743D;
    color : #ffffff;
    background-image: url("getDynImage.sdi?online_site_id=0&w=3&h=28"); 
}

.groupLabel a {
    color : #ffffff;
}

.groupRightCorner {
    width: 15px;
    background: url("getDynImage.sdi?online_site_id=0&type=topright&w=15") no-repeat top right; 
}

.groupBody{
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: left;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-top: 3px;
    margin-bottom : 6px;
    background: #fff;
}

.innerGroupBegin{
    width : 100%;
    border-collapse: collapse;
    padding: 0px;
}

.innerGroupHeading{
    margin-top: 4px;
    color: #626dac;
    background-color: #DDDDDD;
    color: #5C743D;
    margin-left: 4px;
    width: 100%
}

.innerGroupMarker{
    width: 1%;
    padding-right: 15px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

.innerGroupLabel{
    text-align : left;
    font-weight : bold;
    float: left;
    padding-top: 3px;
    padding-bottom: 3px;
}

.innerGroupBody{
    margin-left: 4px;
    background-color: #FCFCFC;
    color: #5C743D;
    text-align : left;
    width: 100%;
}

.floatingColumn{
    float : left;
    margin-right : 5px;
    margin-left : 5px;
}
/*------------------------------------------------
    Standardize positioning of buttons
---------------------------------------------------*/
.groupButtons{
    text-align : right;
    padding-right : 10px;
    padding-bottom : 5px;
}

.searchAddNewButtons{
    text-align : right;
    padding-right : 15px;
    padding-top : 5px;
    padding-bottom : 5px;
}

.outGroupButtons{
    text-align : right;
    padding-right : 15px;
}
.pageHeading {
    width: 100%;
    background-color: #5C743D;
    background-image: url("getDynImage.sdi?online_site_id=0&type=pageheader&w=3&h=20");
    color: #FFFFFF;
    padding-top: 2px;
    padding-bottom: 2px;
}

.pageHeading a, .pagehead a {
    background-color: #5C743D;
    background-image: url("getDynImage.sdi?online_site_id=0&type=pageheader&w=3&h=20");
    color: #FFFFFF;
}

.pageHelpButton {
    text-align: right;
    font-weight: bold;
    padding-right: 20px;
}

#pageHeadMessageID {
    background-color: white;
    text-align: center;
    font-weight: bold;
}

#pageHeadMessageID a {
    color: red;
    background-color: white;
}

.pageBegin{
    text-align : left;
    border : 0px;
    margin-left : 10px;
}

.pageBeginFull{
    width : 98%;
    text-align : left;
    border : 0px;
    margin-left : 2px;
}

.pageBeginIframe{
    width : 100%;
    text-align : left;
    border : 0px;
}

.tableForm{
    border: 0px;
    padding: 2px;
}

table.tableForm  caption { text-align: left;  padding: 3px;}

.standAloneForm{
    border-collapse: collapse;
    margin: 2px;
    padding: 0px;
    border: 0px;
    background-color: #FCFCFC;
    color: #5C743D;
    text-align: left;
}

table.standAloneForm caption {
    text-align : left;
    background-color: #fff;
}

table.standAloneForm th {
    padding: 5px;
    text-align: left;
    font-weight: bold;  
    color: #5C743D;
    background-color: #DDDDDD;
}

table.standAloneForm td {
    padding: 2px;
}

.tableList, .calTable, .tableListNoSort{
    font-family: arial,sans-serif;
    width : 100%;
    border : 0px;
    border-collapse: separate; /* this is especially for IE8, FF does not need this. looks like explorer problem actually*/
}

.tableNarrow{
    font-family: arial,sans-serif;
    border : 0px;
    font-size:83%;
}

table.tableList caption, table.calTable caption, table.tableNarrow caption, table.tableListNoSort caption{
    background-color : #FFFFFF;
    text-align : left;
}

table.tableList td, table.tableNarrow td, table.tableListNoSort td {
    background-color : #EEEEEE;
    padding : 2px;
    vertical-align: top;
}

table.tableList tr, table.tableNarrow tr, table.tableListNoSort tr{
    text-align : left;
}

table.tableList th{
    background-color : #5C743D;
    color : #FFFFFF;
    padding : 2px;
    text-decoration: underline;
    cursor: pointer;
}

.sorttable_nosort{
    text-decoration: none !important;
}

.table.calTable th, table.tableNarrow th, table.tableListNoSort th{
    background-color : #5C743D;
    color : #FFFFFF;
    padding : 2px;
}

table.calTable th{ text-align: center; }

.lbl, .rlbl, .tlbl, .vtlbl, .ttlbl {    
    text-align : right;
    padding-right : 4px;
    font-weight : bold;
}

.lbl, .rlbl, .tlbl {
    white-space : nowrap;
}

/****************************************************************
 vtlbl, ttlbl just are used for textarea and multiple select
****************************************************************/
.vtlbl, .ttlbl {
    vertical-align: top;
    padding-top : 3px;
}

.tlbln {
    white-space : nowrap;
    text-align : right;
    padding-right : 4px;
}

.lbl, .rlbl, .vtlbl { width : 130px; }

.intro_text{font-weight: bold; padding: 8px 5px;}
.title_text{font-weight: bold;}
.explain_text{font-size: 80%}
.nowrap{ white-space : nowrap; }
.smaller { font-size: 80%; }
.bigger { font-size: 110%; }
.text_with_button { padding: 10px 0 5px 0; }
.password_hint{font-weight:normal; font-size:70%;}

.colhead {
    font-weight: bold;
}

.mwf_col, .time_col, .sel_col{ text-align : left }
.owf_col, .chk_col, .btn_col{ text-align : center }
.num_col, .date_col, .cur_col, .phon_col, .pct_col{ text-align : right }

/***********************************************************
 CSS for adding drop shadow to GropBegin Box & Login screen 
***********************************************************/

.img-shadow {
  background: url("/mqtcty/shadowAlpha.png") no-repeat bottom right !important;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  border: 1px solid red;
}

div.img-shadow-box {
  position: relative;
  margin: -6px 6px 6px -6px !important;
  margin: -6px 2px 2px -6px;
  border: 1px solid green;
}

div.drop-shadow {
    background: url('/mqtcty/shadow.gif') no-repeat bottom right;
    margin: 10px 5px;
    padding: 0;
    /*position: relative;*/
    border: 1px solid #fefefe;
}

div.drop-shadow table.groupBegin, div.drop-shadow table.pageBeginIframe{
    margin: -5px 5px 5px -5px !important;
    margin: -4px 4px 4px -4px;
    padding: 0px;
    position: relative;
    vertical-align: bottom;
}

.login-shadow {
  background: url("/mqtcty/shadowAlpha.png") no-repeat bottom right !important;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.login-shadow table {
  position: relative;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* Login Page Styling */
.adminLogin {
    font-size: 100%; 
    width: 100%;
    border: 1px solid #A9A9A9;
    background: #63AEF7 url("/mqtcty/active_symbol.png") no-repeat !important;
    background: #63AEF7 url("/mqtcty/active_symbol.gif") no-repeat;
}
.trainerAdminLogin {
    font-size: 100%; 
    width: 100%;
    border: 1px solid #A9A9A9;
    background: #FFFFCC url("/mqtcty/active_symbol.png") no-repeat !important;
    background: #FFFFCC url("/mqtcty/active_symbol.gif") no-repeat;
}


/*-------------------------------------------------
    Rich Text Editor (Batch Emails)
-------------------------------------------------*/

.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
}


/*-------------------------------------------------
    Shopping Cart Navigation
-------------------------------------------------*/
#shop_nav {
        padding: 0;
	margin: 0 0 15px 0;
        border: none;
}
#shop_nav li {
        background: url("/mqtcty/arrowgold.gif") no-repeat 0px;
	display: inline;
	list-style-type: none;
	padding: 3px 12px;
}
#shop_nav li.inactive { color: gray; }
#shop_nav li.current { font-weight: bold; }

/*-------------------------------------------------
    Banner Navigation
-------------------------------------------------*/
.bannerPage, .pubBannerPage, .navBar, .pubNavBar, .navLogo {
    background-color: #F4FFE4;
}

.bannerPage {
    height: 91px;
    width: 100% ;
}

.pubBannerPage {
    height: 83px;
    width: 100%;
}

.navLogo { width: 170px; padding-right: 35px; overflow: hidden; }

.navLogout {
    color: #5C743D;
    padding: 0px 5px 3px 0px;
    font-weight: bold;
    font-size: 75%;
    border: 0px;
    margin: 0px;
    text-align: right;
}

div.navBar {
    padding: 25px 0 0 0px !important;
}

td.navBar {
    padding: 0 25px 0 0px !important;
}

div.pubNavBar {
    padding: 55px 0 0 0px !important;
    padding: 50px 0 0 0px;
}

.pubNavBar table, .navLogout table, .navBar table { border-collapse: collapse; }

.navBar table{ width: 100%; }

.tabNormal a, .tabSelected a { color: #083039; text-decoration: none; font-weight: bold; }


.tabSelected, .tabNormal, .tabOver, .tabSelectedHeading, .tabNormalHeading, .tabOverHeading {  
    border-right: 1px solid #999;
    border-left: 1px solid #999; 
    font-family: verdana;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
} 

.tabSelected { 
  color: #083039;
  font-weight: bold;
  background: #CCCCCC url("getDynImage.sdi?online_site_id=0&w=3&h=28&type=tabSelected") repeat-x ;
  border-top: 1px solid #999; 
}
.tabSelectedHeading { background-color: #AAAAAA; }
.tabNormal { border-bottom: 1px solid #999; color: #083039; font-weight: bold; background: #E0E0E0 url("getDynImage.sdi?online_site_id=0&w=3&h=28&type=tabNormal") repeat-x ; }
.tabNormalHeading { background-color: #CCCCCC; }
.tabOver { color: #083039; font-weight: bold; background: #CCCCCC url("getDynImage.sdi?online_site_id=0&type=menuOver&w=3&h=28") repeat-x ; } 
.tabOverHeading { background-color: #AAAAAA; }

.navTab { width: 100%; }
.navLogout a, .navLogout a:hover {color:#5C743D; font-weight:bold;}

.publicTab { padding: 0px 15px 0px 15px;  border-left: 1.5px solid #5C743D; text-align: center;}
.publicDummyTab { border-left: 1.5px solid #F4FFE4; border-right: 1.5px solid #F4FFE4; }
.publicTopTab { padding: 0px 15px 0px 15px;  text-align: center;}

.publicTab a {color: #5C743D; font-weight: bold; text-decoration: none; }
.publicTab a:hover {color: #5C743D; text-decoration: underline; font-weight: bold;}

.breadcrumbNavBar { 
        width:100%; 
        color:#083039; 
        font-weight: bold;
        font-size: 86%;
        background:#CCCCCC url("getDynImage.sdi?online_site_id=0&w=3&h=28&type=tabSelected"); 
        border-bottom:1px solid #999;
        padding-top:2px;
        padding-left:4px;
    }

.breadcrumbNavBar a {
    color:#083039;
}

.breadcrumbNavBar a:hover {
    color:#009900;
}


/*-------------------------------------------------
    Receipt Navigation
-------------------------------------------------*/
#receipt_nav {
    padding: 5px;
    margin: 0px;
}

#receipt_nav ul {
    padding: 0px;
    margin: 0px;
}

#receipt_nav li.header{
    background: url("/mqtcty/arrowgold.gif") no-repeat 6px 6px;
    list-style-type: none;
    font-weight: bold;
    padding: 3px 18px;
    width: 200px;
}

#receipt_nav li.header ul{
    list-style-type: none;
    font-weight: normal;
    margin: 0px;
    padding: 2px 2px 2px 15px;
}

#receipt_nav .groupme {
    float: left;
    padding: 2px;
}

.text_left {
    text-align : left;
}

/*------------------------------------------------
    Facility Months In Use (inner table in tableList)
---------------------------------------------------*/
table.facilityMonthsInUse { border-collapse: collapse; }
table.facilityMonthsInUse th { 
    font-size: 83%; 
    text-align: center;     
    background-color : #5C743D;
    color : #FFFFFF;
    padding : 2px;
}
table.facilityMonthsInUse td { background-color: #dddddd; font-size: 83%; border: 1px solid; }