/*@font-face {
font-family: 'Proxima Nova';
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.eot');
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.woff') format('woff'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.svg#Proxima Nova') format('svg');
font-weight: normal;
font-style: normal;
}*/
@font-face {
font-family: 'ProximaNovaLtSemibold';
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Sbold-webfont.eot');
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Sbold-webfont.woff') format('woff'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Sbold-webfont.svg#ProximaNovaLtSemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ProximaNovaRegular';
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.eot');
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.woff') format('woff'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Reg-webfont.svg#ProximaNovaRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ProximaNovaBold';
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Bold-webfont.eot');
src: url('/sdparkandrec//jquery/fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Bold-webfont.woff') format('woff'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
url('/sdparkandrec//jquery/fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold') format('svg');
font-weight: normal;
font-style: normal;
}
body,div,h1,h2,h3,h4,h5,p,ul { font-family: arial,sans-serif; }
body {
font-size: 83%;
background-color: #FFFFFF;
color: #333;
height: 100%;

}
/*WCAG2.0 add hide label for some input/select that was built in code, as we need screen reader read out these info, but doesn't show out in browser*/
label.hidelabel, tr.hidelabel, div.hidelabel {
position: absolute;
top: -30000px;
left: -30000px;
}
.hideLabel{
display: none;
}
.gradientBody {
background: #FFFFFF url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&type=body") repeat-x fixed;
}
.solidBody{
background:#D6D6CA;
}
.trainerLogonBody {
background-color: #FFFFFF;

}
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; }
.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: #003261;
background-image: url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&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:#646464 }
A:active.heading { color:#FFFFFF }
.heading, .sorttable_nosort {
background-color:#0b5f9d;
color:#FFFFFF;
font-weight:bold;
/*font-size:83%;*/
}
.normalheading {
background-color:#0b5f9d;
color:#FFFFFF;
font-weight:bold;
font-size:100%;
}
.transparentheading {
color:#FFFFFF;
font-weight:bold;
}
.normal {
background-color:#D6D6CA;
color:#000000;
font-weight:normal;
}
.section {
color : #4689c0;
font-weight : bold;
/*font-size : 83%;*/
}
.sectionpad {
padding: 4px 0px 0px 0px;
}
A:link{ color:#4689c0 }
A:visited{ color:#4689c0 }
A:hover{ color:#646464 }
A:active{ color:#4689c0 }
.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 : #EEEEEE;
}
.groupMarker{
width: 1%;
text-align: center;
padding-right: 5px;
background-color : #EEEEEE;
background-image: url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&w=3&h=28");
}
.groupLabel{
width : 99%;
text-align : left;
font-weight : bold;
background-color : #EEEEEE;
color : #4689c0;
background-image: url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&w=3&h=28");
}
.groupLabel a {
color : #4689c0;
}
.groupRightCorner {
width: 15px;
background: url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&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: #000000;
margin-left: 2px;
margin-right: 2px;
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: 2px;
background-color: #EEEEEE;
color: #000000;
text-align : left;
width: 100%;
}
.floatingColumn{
float : left;
margin-right : 5px;
margin-left : 5px;
}
.flatColumn{
clear : both;
margin-right : 5px;
margin-left : 5px;
}
.breakAllWord{
word-break: break-all;
word-wrap: break-word;
}
/*------------------------------------------------
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;
}
.addNewButton{
float:right;
padding-top:1em;
}
.modSearchButton{
float:left;
padding-top:1em;
}
.pageHeading {
width: 100%;
background-color: #003261;
background-image: url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&type=pageheader&w=3&h=20");
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
}
.pageTransactionSteps{
padding-top: 5px;
padding-bottom: 2px;
}
.adminPageHeading {
width: 100%;
padding-top: 6px;
padding-bottom: 4px;
/*
background-color: #003261;
background-image: url("getDynImage.sdi?online_site_id=&type=pageheader&w=3&h=20");
color: #FFFFFF;
*/
}
.pageHeading a, .pagehead a {
background-color: #003261;
background-image: url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&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: #EEEEEE;
color: #000000;
text-align: left;
}
table.standAloneForm caption {
text-align : left;
background-color: #fff;
}
table.standAloneForm th {
padding: 5px;
text-align: left;
font-weight: bold;
color: #000000;
background-color: #DDDDDD;
}
table.standAloneForm td {
padding: 2px;
}
.loginForm{
border-collapse: collapse;
margin: 2px;
padding: 0px;
border: 0px;
color: #000000;
text-align: left;
}
table.loginForm th {
padding: 5px;
text-align: left;
font-weight: bold;
color: #4689c0;
background-color: #EEEEEE;
}
table.loginForm 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: #FFFFFF;
padding : 2px;
}
table.tableList td, table.tableNarrow td, table.tableListNoSort td, table.tableForm td {
vertical-align: top;
}
table.tableList tr, table.tableNarrow tr, table.tableListNoSort tr{
text-align : left;
}
table.tableList th{
background-color : #0b5f9d;
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 : #0b5f9d;
color : #FFFFFF;
padding : 2px;
}
table.calTable th{ text-align: center; }
.lbl, .rlbl, .tlbl, .vtlbl, .ttlbl, .flbl {
text-align : right;
padding-right : 4px;
font-weight : bold;
}
.tlbr{
text-align : left;
padding-left : 4px;
font-weight : bold;
}
.lbl, .rlbl, .tlbl, .flbl {
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, .flbl { width : 130px; }
.flbl {
padding-left : 20px;
padding-right : 20px;
}
.intro_text{font-weight: bold; padding: 8px 5px; color: #003261}
.intro_title_text{font-weight: bold; padding: 8px 5px; color: #003261}
.title_text{font-weight: bold;}
.explain_text{font-size: 80%}
.nowrap{ white-space : nowrap; }
.smaller { font-size: 80%; }
.lighter { font-weight: lighter; }
.bigger { font-size: 110%; }
.detail_text{font-size: 90%; color:gray; }
.text_with_button { padding: 10px 15px 5px 0; }
.text_with_button_main, .text_with_button_main_out_group {
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
font-weight: bold;
}
.text_with_button_main_out_group {
padding-right: 12px;
}
.text_with_button_main img, .text_with_button_main_out_group img, .outGroupButtons img, .groupButtons img { vertical-align:middle; }
.text_with_button_main input, .text_with_button_main_out_group input, .outGroupButtons input, .groupButtons input { vertical-align:middle; }
.password_hint{font-weight:normal; font-size:70%;}
.fieldhelp{font-size:80%; font-style:italic;}
.fieldwarning{font-size:80%; font-style:italic;color:darkorange;}
.busynote{font-style:italic;color:green;}
.colhead, .txtBold {
font-weight: bold;
}
.mwf_col, .time_col, .sel_col{ text-align : left !important}
.owf_col, .chk_col, .btn_col{ text-align : center !important}
.date_col, .phon_col { text-align : right !important;}
.num_col, .cur_col, .pct_col{ text-align : right !important;  white-space : nowrap; }
/***********************************************************
CSS for adding drop shadow to GropBegin Box & Login screen
***********************************************************/
.img-shadow {
background: url("//akamai-anprod.active.com/sdparkandrec/images/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('//akamai-anprod.active.com/sdparkandrec/images/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 {
border: 1px solid #A9A9A9;
background-color:#4689c0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 3px 3px 6px #999;
-webkit-box-shadow: 3px 3px 3px #999;
box-shadow: 3px 3px 6px #999;
behavior: url(/sdparkandrec//jquery/js/ie-css3.htc);
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.login-shadow-square{
border: 1px solid #A9A9A9;
background-color:#4689c0;
-moz-box-shadow: 3px 3px 6px #999;
-webkit-box-shadow: 3px 3px 3px #999;
box-shadow: 3px 3px 6px #999;
behavior: url(/sdparkandrec//jquery/js/ie-css3.htc);
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.public-shadow{
behavior: url(/sdparkandrec//jquery/js/ie-css3.htc);
text-align:center;
}
/* Login Page Styling */
.adminLogin {
font-size: 100%;
width: 450px;
margin: 0px 0px 4px 0px;
background: url("//akamai-anprod.active.com/sdparkandrec/images/active_symbol_transparent.png") no-repeat !important;
background: url("//akamai-anprod.active.com/sdparkandrec/images/active_symbol.gif") no-repeat;
}
.adminLoginText {
color: #000000;
}
/*-------------------------------------------------
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("//akamai-anprod.active.com/sdparkandrec/images/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, .navBar, .pubNavBar {
background-color: #FFFFFF;
}
.pubBannerPage {
background:-webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to( #FFFFFF ));
background:-moz-linear-gradient(top,  #FFFFFF , #FFFFFF);
 background: #FFFFFF;
 background: #FFFFFF;
background:-o-linear-gradient(top,  #FFFFFF , #FFFFFF);
}
.bannerPage {
height: 91px;
width: 100% ;
}
.navLogo { width: 170px; padding-right: 35px; overflow: hidden; }
.navLogout a, .navLogout a:hover {color:#003261; font-weight:bold;}
.navLogout {
color: #003261;
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: #4689c0; 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: #4689c0;
font-weight: bold;
background: #EEEEEE url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&w=3&h=28&type=tabSelected") repeat-x ;
border-top: 1px solid #999;
}
.tabSelectedHeading { background-color: #AAAAAA; }
.tabNormal { border-bottom: 1px solid #999; color: #4689c0; font-weight: bold; background: #EEEEEE url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&w=3&h=28&type=tabNormal") repeat-x ; }
.bannerMenuItem {
font-weight: bold;
color: #003261;
/*    border: 1px solid #063C56;*/
margin: 0 auto;
height: 100%;
}
.bannerIcon {
padding: 0px;
margin: 0 auto;
}
.bannerMenuItemHilite {
cursor: pointer;
}
.bannerIconHilite{
background-color:;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.tabNormalHeading { background-color: #CCCCCC; }
.tabOver { color: #4689c0; font-weight: bold; background: #EEEEEE url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&type=menuOver&w=3&h=28") repeat-x ; }
.tabOverHeading { background-color: #AAAAAA; }
.navTab { width: 100%; }
.publicTab { padding: 0px 15px 0px 15px;  border-left: 1.5px solid #003261; text-align: center; white-space:nowrap}
.publicDummyTab { border-left: 1.5px solid #FFFFFF; border-right: 1.5px solid #FFFFFF; }
.publicTopTab { color: #003261; padding: 0px 4px 0px 4px;  text-align: right;}
.publicTopTab a { color: #003261; padding: 0px 4px 0px 4px;  text-align: right;}
.publicTab a {color: #003261; font-weight: bold; text-decoration: none; }
.publicTab a:hover {color: #003261; text-decoration: underline; font-weight: bold;}
.publicTabNew { height: 26px; padding: 7px 20px 0px 20px; font-weight: bold;  border-left: 1.5px solid #FFFFFF; text-align: center; white-space:nowrap; background-color: #EEEEEE;}
.publicTabNew a {color: #4689c0; font-weight: bold; text-decoration: none; }
.publicTabNew:hover{background-color: #EEEEEE}
.publicTabNewLight { height: 26px; padding: 7px 20px 0px 20px; font-weight: bold;  border-left: 1.5px solid #FFFFFF; text-align: center; white-space:nowrap; background-color:#EEEEEE;color: #4689c0;}
.publicTabNewLight a {color: #4689c0; font-weight: bold; text-decoration: none; }
.publicTabNewNoHover { height: 26px; padding: 7px 20px 0px 20px; font-weight: bold;  border-left: 1.5px solid #FFFFFF; text-align: center; white-space:nowrap; background-color:#EEEEEE;}
.publicTabSeparator { height: 26px; padding: 7px 0px 0px 0px; font-weight: bold;  border-right: 1.5px solid #FFFFFF; text-align: center; white-space:nowrap; background-color:#EEEEEE;}
.publicTabBackgroundOnly { height: 26px; font-weight: bold;  text-align: center; white-space:nowrap; background-color:#EEEEEE;}
.publicUpperFooter {
background-color: #EEEEEE;
color: #FFFFFF;
font-size: small;
}
.publicUpperFooter a {color: #4689c0; font-weight: bold; font-family: "Arial"; text-decoration: none; font-size: small;}
.publicLowerFooter {
color: #666666;
font-size: small;
font-family: Tahoma;
font-weight: bold;
}
.publicLowerFooter a {color: #008CD2; font-weight: bold; font-family: "Tahoma"; text-decoration: none; font-size: small;}
.publicIntroduction {background-color: #FFFFFF;}
.publicSearchCriteria {background-color: #FFFFFF; color: #003261;}
.publicNewButton {
overflow: hidden;
display: inline-block;
width: 230px;
height: 50px;
line-height: 50px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-family: sans-serif;
background: transparent url(//akamai-anprod.active.com/sdparkandrec/images/light-overlay.png) repeat-x scroll 0 0;
margin: 5px;
border-bottom: 1.5px solid #999;
border-right: 1.5px solid #999;
background-color: #646464;
font-weight: bold;
font-size: medium;
}
.publicNewButton:active {
display: inline-block;
width: 230px;
height: 50px;
line-height: 50px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-family: sans-serif;
background: transparent url(//akamai-anprod.active.com/sdparkandrec/images/light-overlay.png) repeat-x scroll 0 0;
margin: 5px;
border-top: 1.5px solid #999;
border-left: 1.5px solid #999;
border-bottom: 0px solid #999;
border-right: 0px solid #999;
background-color: #646464;
font-weight: bold;
font-size: medium;
}
/*.publicNewButton:hover {
display: inline-block;
width: 230px;
height: 50px;
line-height: 50px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-family: "sans-serif";
background: transparent url(//akamai-anprod.active.com/sdparkandrec/images/light-overlay.png) repeat-x scroll 0 0;
margin: 5px;
background-color: #646464;
font-weight: bold;
font-size: medium;
}*/
.publicMapSwitch {
display: inline-block;
width: 60px;
height: 20px;
line-height: 20px;
color: white;
text-decoration: none;
text-align: center;
font-family: Arial;
background-color: #EEEEEE;
font-weight: bold;
font-size: small;
}
.publicMapSwitchSelected {
display: inline-block;
width: 60px;
height: 20px;
line-height: 20px;
color: white;
text-decoration: none;
text-align: center;
font-family: Arial;
background-color: #EEEEEE;
font-weight: bold;
font-size: small;
}
.goButton {
display: inline-block;
width: 50px;
height: 23px;
line-height: 23px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-family: sans-serif;
background: transparent url(//akamai-anprod.active.com/sdparkandrec/images/light-overlay.png) repeat-x scroll 0 0;
border-top: 0px solid #999;
border-left: 0px solid #999;
border-bottom: 0.5px solid #999;
border-right: 0.5px solid #999;
background-color: #646464;
font-weight: bold;
font-size: small;
}
.goButton:active {
display: inline-block;
width: 50px;
height: 23px;
line-height: 23px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-family: sans-serif;
background: transparent url(//akamai-anprod.active.com/sdparkandrec/images/light-overlay.png) repeat-x scroll 0 0;
border-top: 0.5px solid #999;
border-left: 0.5px solid #999;
border-bottom: 0px solid #999;
border-right: 0px solid #999;
background-color: #646464;
font-weight: bold;
font-size: small;
}
.breadcrumbNavBar {
width:100%;
color:#4689c0;
font-weight: bold;
font-size: 86%;
background:#EEEEEE url("//akamai-anprod.active.com/sdparkandrec/servlet/getDynImage.sdi?user_site_id=1&w=3&h=28&type=tabSelected");
border-bottom:1px solid #999;
padding-top:2px;
padding-left:4px;
}
.breadcrumbNavBar a {
color:#4689c0;
}
.breadcrumbNavBar a:hover {
color:#646464;
}
.adminBreadcrumb {
width:100%;
font-weight: bold;
font-size: 86%;
border-bottom:1px solid #999;
padding-top:2px;
padding-left:4px;
}
.onlineBreadcrumbNavBar {
color:black;
font-weight: bold;
font-size: 86%;
border-top:1px solid #999;
padding-top:2px;
padding-left:4px;
}
.onlineBreadcrumbNavBar a {
color:#1192DA;
}
.onlineBreadcrumbNavBar a:hover {
color:#646464;
}
.onlinePageTitle {
padding: 15px 0px 5px 0px;
text-align: left;
font-size: 180%;
font-weight: bold;
}
/*-------------------------------------------------
Styles for display of "floating" menus
-------------------------------------------------*/
#floatingMenus {
padding: 5px;
margin: 0px;
}
#floatingMenus ul {
padding: 0px;
margin: 0px;
}
#floatingMenus li.header{
background: url("//akamai-anprod.active.com/sdparkandrec/images/arrowgold.gif") no-repeat 6px 6px;
list-style-type: none;
font-weight: bold;
padding: 3px 18px;
width: 200px;
}
#floatingMenus li.header ul{
list-style-type: none;
font-weight: normal;
margin: 0px;
padding: 2px 2px 2px 15px;
}
#floatingMenus .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 : #0b5f9d;
color : #FFFFFF;
padding : 2px;
}
table.facilityMonthsInUse td { background-color: #dddddd; font-size: 83%; border: 1px solid; }
/*------------------------------------------------
Style for definition list tags
---------------------------------------------------*/
DL,DT,DD { margin-top:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-bottom:0px; padding-left:0px;}
.instruction {
padding : 3px 0 0 10px;
width: 300px;
border-width: 2px;
border-color: #ddd;
border-style: dotted;
background: #fff;
vertical-align: top;
}
.autoWidthText {
text-align: left;
vertical-align: top;
word-break: normal;
overflow: auto;
}
/*------------------------------------------------
Style for disabled image buttons
---------------------------------------------------*/
.disabledButton {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.printFont table tr td{
font-size: 100%;
}
.printElement {
display: none;
}
.table_summer{
text-align: right;
font-weight: bold;
padding: 5px 0;
}
.spanTitle{
width : 99%;
text-align : left;
font-weight : bold;
color : #4689c0;
}
input.readonly {
background-color: lightgray;
border: 1px solid;
}
/*------------------------------------------------
These style is for Tabbed UI
---------------------------------------------------*/
.navLogoutTab {
background-color:#D6D6CA;
color:#000000;
padding: 2px 8px 5px 0px;
vertical-align:middle;
}
.navLogoutTab a, .navLogout a:hover {
color:#000000;
}
.bannerPageTab, .navLogoTab, .navBarTab {
background-color: #FFFFFF;
}
/*
* Shoppoing cart.
* */
.shoppingCartNotFinishedPanel{
border:1px black solid;
width:190px;
}
/***************************************************
*
*     Date picker UI
*
***************************************************/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
font-size: 1em !important;
z-index: 998 !important;
}
.ui-datepicker .ui-datepicker-header {
position:relative;
padding:.2em 0;
text-align: center;
/*color: #FFFFFF;*/
/*background: #0b5f9d !important;*/
background: #FFCC33 !important
}
.ui-datepicker-trigger {
position: relative;
left: 4px;
vertical-align:bottom;
cursor: pointer;
}
/*
th.ui-datepicker-week-end {
background: #FFCC33 !important
}
*/
/*.ui-datepicker-today {...}*/
/*.ui-datepicker-current-day {...}*/
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
z-index: 997 !important; /*must have*/
}
/********************
* jQuery UI Dialog 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
********************/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar {
padding: .5em 1em .3em;
position: relative;
background : #EEEEEE !important;
font-size: 1em !important;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .2em 0;
color : #4689c0 !important;
}
.ui-dialog.transfer .ui-dialog-titlebar-close {
text-decoration: none;
padding: 0;
line-height: 20px;
text-align: center;
}
.ui-dialog.transfer .ui-corner-all.ui-state-hover {
background: transparent;
border-width: 0;
padding: 0;
}
.ui-dialog.transfer .ui-corner-all.ui-state-hover .ui-icon-closethick {
font-weight: bold;
color:  #4689c0 !important;
}
.ui-dialog.transfer .ui-icon-closethick {
font-family: FontAwesome;
text-indent: 0;
background-image: inherit;
}
.ui-dialog.transfer .ui-icon-closethick:before {
content: "\f00d";
color:  #4689c0 !important;
}
/****************************************************
* jQuery UI Progressbar 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
****************************************************/
.ui-progressbar { height:1em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background-image: url('//akamai-anprod.active.com/sdparkandrec/images/pbar-bg.gif');}
#menu li ul li.needHover:hover {
outline-color: #063B56;
background-color: #EEEEEE;
}
/* Admin footer*/
.colorBar {
height: 21px;
background-color: #9D9D9D;
background: -moz-linear-gradient(top, #9D9D9D, #4D4D4D);
background: -webkit-gradient(linear, left top, left bottom, from(#9D9D9D), to(#4D4D4D));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#9D9D9D', EndColorStr='#4D4D4D', GradientType=0);
}
.divideChar {
float: left;
margin-left: 10px;
margin-right: 10px;
color: #666666;
}
.footerLink {
float: left;
color: #008CD2;
text-decoration: none;
}
/*css setting for jqGrid*/
.ui-jqgrid-htable th[role="columnheader"] {
background:#0b5f9d repeat-x scroll 50% 50%;
border:1px solid #4297D7;
color:#FFFFFF;
font-weight:bold;
}
.ui-jqgrid {
font-size: 13px !important
}
.ui-jqgrid-htable tr[role="rowheader"] th:first-child {
-moz-border-radius-topleft: 5px; /*For firfox*/
border-top-left-radius:5px; /*For IE*/
}
.ui-jqgrid-htable tr[role="rowheader"] th:last-child {
-moz-border-radius-topright: 5px; /*For firfox*/
border-top-right-radius:5px; /*For IE*/
}
/*The padding of header cell and data cell*/
.ui-jqgrid .ui-jqgrid-htable th div {
padding: 0 10px;
}
.ui-jqgrid tr.jqgrow td {
padding: 0 10px;
}
.ui-jqgrid-btable td[role="gridcell"] a:link {color:#4689c0}
.ui-jqgrid-btable td[role="gridcell"] a:visited {color:#4689c0}
.ui-jqgrid-btable td[role="gridcell"] a:hover {color:#646464}
.ui-jqgrid-btable td[role="gridcell"] a:active {color:#4689c0}
/*the odd row color*/
.ui-jqgrid-btable tr[role="row"] {
background: #FFFFFF;
}
/*the even row color*/
.ui-jqgrid-btable tr.jggrid-altclass[role="row"] {
background: #FFFFFF;
}
/*the row hover color*/
.ui-jqgrid-btable tr.ui-state-hover[role="row"] {
background-color: #D0E5F5;
}
/*the row select color*/
.ui-jqgrid-btable tr.ui-state-highlight[role="row"] {
background-color: #FBEC88;
}
/*the border color*/
div.ui-jqgrid {
border: 1px solid #CCCCCC;
}
.ui-jqgrid-btable tr[role="row"] {
border: 1px solid #CCCCCC;
}
.ui-jqgrid-htable tr[role="rowheader"] {
border: 1px solid #CCCCCC;
}
.bannerMenuItemInner {
font-family: Tahoma;
font-size: 12px;
color: #003261;
text-align:center;
}
/* Alternate row colors */
.altRowEven {
background-color: #FFFFFF!important;
}
.altRowOdd {
background-color: #FFFFFF!important;
}
.optionRow{
font-weight: bold;
padding: 12px;
}
.busyOverlay {
cursor: wait;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
position : fixed;
top: 0;
left: 0;
background-color: #696969;
height: 100%;
width: 100%;
z-index: 9998;
}
.busyOverlayMessage {
width:170px;
color: #333333;
text-align:center;
font-style:italic;
background-color: #EDEDED;
border: 2px solid #333333;
padding: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
clear: both;
z-index: 9999;
}
/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.loadingBusyIndicator {
display:    none;
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba( 255, 255, 255, .8 )
url('//akamai-anprod.active.com/sdparkandrec/images/spinning_busy_alt.gif')
50% 50%
no-repeat;
}
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loadingBusy {
overflow: hidden;
}
/* Anytime the body has the loading class, our
modal element will be visible */
body.loadingBusy .loadingBusyIndicator {
display: block;
}
.ulPublicSearchCriteria{
margin: 0;
padding: 0;
list-style: none;
}
.ulPublicSearchCriteria li{
width:33%;
float:left;
dispaly:inline;
padding: 1px 0 1px 0;
}
.publicActivitySearchLabel{
margin:0;
padding:0;
width:49%;
float:left;
text-align: right;
vertical-align: middle;
}
.publicActivitySearchLabel label{
vertical-align: middle;
padding-right: 2px;
}
.publicActivitySearchOption{
margin:0;
padding:0;
width:49%;
float:left;
text-align: left;
vertical-align: middle;
}
/*
Override default styles for Jquery Chosen plugin for select lists
*/
.chzn-container-single .chzn-single abbr {
display: block;
position: absolute;
right: 26px;
top: 6px;
width: 12px;
height: 13px;
font-size: 1px;
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single div b {
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 0 0;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-search input {
background: #fff url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 100% -22px;
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-family: Proxima Nova;
font-size: 1em;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
height: 13px;
font-size: 1px;
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') right top no-repeat;
}
.chzn-container .chzn-results-scroll-down span {
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -22px -3px;
}
.chzn-rtl .chzn-search input {
background: #fff url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -38px -22px;
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('//akamai-anprod.active.com/sdparkandrec/images/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
padding: 4px 5px 4px 20px;
direction: rtl;
}
.tipForm {
margin-top: 40px;
margin-left: 15px;
float: left;
width: 500px;
}
div.tips {
padding: 15px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@font-face {
font-family: "FontAwesome";
src: url('//akamai-anprod.active.com/sdparkandrec/images/fontawesome-webfont.eot');
src: url('//akamai-anprod.active.com/sdparkandrec/images/fontawesome-webfont.eot?#iefix') format('eot')
, url('//akamai-anprod.active.com/sdparkandrec/images/fontawesome-webfont.woff') format('woff')
, url('//akamai-anprod.active.com/sdparkandrec/images/fontawesome-webfont.ttf') format('truetype')
, url('//akamai-anprod.active.com/sdparkandrec/images/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-lg {
vertical-align: top;
font-size: 1.3333333333333333em;
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.expiration-information-text { vertical-align: middle; padding: 2px 5px 2px 2px; }
#expiration-information-date-text { vertical-align: middle; padding: 2px 5px 2px 8px; }
/*******/
.dialog-block-contractAmd{
margin: 44px 0px 29px 0px;
}
.dialog-block-contractAmd *{
font-size: 14px;
font-family: "ProximaNovaRegular", Arial, sans-serif;
}
.dialog-block-contractAmd b,
.dialog-block-contractAmd strong{
font-family: "ProximaNovaBold", Arial, sans-serif;
}
.contractAmd-table{
width: 100%;
table-layout: fixed;
line-height: 1.3;
border-spacing: 0;
}
.contractAmd-table th,
.contractAmd-table td{
vertical-align: top;
}
.contractAmd-table p{
margin: 0;
padding: 0;
font-size: 12px;
}
.contractAmd-table caption{
font-size: 16px;
margin-bottom: 16px;
text-align: left;
font-family: "ProximaNovaLtSemibold", Arial, sans-serif;
}
.contractAmd-table thead th{
color: #76838f;
text-align: left;
font-weight: normal;
}
.contractAmd-table > thead th{
padding: 12px 0px;
}
.contractAmd-table > tbody > tr > td{
padding: 10px 0px;
}
.contractAmd-table > tbody > tr > th,
.contractAmd-table > tbody > tr > td{
border-top: 1px solid #d7d8db;
}
.contractAmd-table > tbody > tr:first-child td{
border-top: 2px solid #d7d8db;
}
.contractAmd-table > tbody > tr:last-child > td{
border-bottom: 2px solid #d7d8db;
}
.contractAmd-table > thead th:nth-child(2),
.contractAmd-table > tbody > tr > td:nth-child(2){
padding-left: 20px;
}
.contractAmd-table .contractAmd-meetingListTr th,
.contractAmd-table .contractAmd-meetingListTr td{
text-align: left;
border: 0;
}
.contractAmd-table .contractAmd-meetingListTr > th,
.contractAmd-table .contractAmd-meetingListTr > td{
padding: 6px 0px 12px 0px;
}
.contractAmd-nestTable{
width: 100%;
table-layout: fixed;
}
.contractAmd-table .contractAmd-nestTable thead th{
border-bottom: 1px dotted #d7d8db;
padding-bottom: 5px;
}
.contractAmd-table .contractAmd-nestTable th,
.contractAmd-table .contractAmd-nestTable td{
padding-right: 10px;
}
/*-------------------------------------------------
payment plan fix first td width
-------------------------------------------------*/
.payment_schedule_fixTdWidth{
table-layout: fixed;
}
.payment_schedule_fixTdWidth > tbody > tr > td:nth-child(1),
.payment_schedule_fixTdWidth > tbody > tr > th:nth-child(1){
width: 211px;
}
.enrollFromWaitingList .groupButtons {
text-align:left;
padding-top: 28px;
padding-right: 0;
}
.enrollFromWaitingList .groupButtons div{
display: inline-block;
}
.enrollFromWaitingList div.rightGroupBUttons{
float: right;
}
.enrollFromWaitingList .waitingListCustomer {
width: 806px;
}
.enrollFromWaitingList .waitingListCustomer .arrow{
display: inline-block;;
width: 10px;
height:6px;
cursor: pointer;
margin-top: 15px;
}
.enrollFromWaitingList .waitingListCustomer .arrow-up{
background-image: url('//akamai-anprod.active.com/sdparkandrec/images/img_triangle_up.png');
}
.enrollFromWaitingList .waitingListCustomer .arrow-down{
background-image: url('//akamai-anprod.active.com/sdparkandrec/images/img_triangle_down.png');
}
.enrollFromWaitingList .waitingListCustomer .top .title{
float: left;
font-size: 12px;
font-weight: bold;
}
.enrollFromWaitingList .waitingListCustomer .top .sort{
float: right;
padding-left: 4px;
font-size: 12px;
text-align: right;
}
.enrollFromWaitingList .waitingListCustomer .top .sort .text{
font-size: 12px;
line-height: 1.17;
color: #000000;
}
.enrollFromWaitingList .waitingListCustomer .top .sort select{
width:190px;
margin-left: 5px;
}
.enrollFromWaitingList .waitingListCustomer .customerList {
padding-top: 20px;
clear: both;
}
.enrollFromWaitingList .waitingListCustomer .customerList .customer{
width: inherit;
border: 1px solid #999999;
padding: 15px 10px;
margin-bottom: 10px;
}
.enrollFromWaitingList .waitingListCustomer .customerList .customer .gapLine{
margin: 25px 38px 15px 25px;
border: solid 1px #979797;
}
.enrollFromWaitingList .waitingListCustomer .customerList .customer span{
display: inline-block;
}
.enrollFromWaitingList .basicInfo {
margin-bottom: 5px;
}
.enrollFromWaitingList .basicInfo .number{
width: 3%;
font-size: 14px;
}
.enrollFromWaitingList .basicInfo .name{
width: 70%;
font-size: 14px;
font-weight: bold;
}
.enrollFromWaitingList .basicInfo .interval{
width: 21%;
font-size: 14px;
font-weight: bold;
text-align: right;
}
.enrollFromWaitingList .basicInfo .icon{
margin-left: 5px;
}
.enrollFromWaitingList .basicInfo .id{
width: 13%;
font-size: 12px;
color: #748288;
}
.enrollFromWaitingList .basicInfo .id a{
text-decoration: underline;
}
.enrollFromWaitingList .basicInfo .id a:hover{
color: #40b0dc;
cursor: pointer;
}
.enrollFromWaitingList .basicInfo .date{
width: 58%;
font-size: 12px;
color: #748288;
}
.enrollFromWaitingList .basicInfo .kind{
width: 20%;
font-size: 12px;
color: #d93a20;
text-align: right;
}
.enrollFromWaitingList .enrollSection{
display: none;
}
.enrollFromWaitingList .detail{
font-size: 12px;
padding-left: 25px;
padding-right: 23px;
}
.enrollFromWaitingList .detail .head{
line-height: 14px;
margin-bottom: 8px;
color: #748288;
}
.enrollFromWaitingList .detail .item{
line-height: 24px;
margin-right: 21px;
}
.enrollFromWaitingList .detail .item:hover{
background-color: #eef9fd;
}
.enrollFromWaitingList .detail .itemDesc{
padding-left: 9px;
font-size: 10px;
margin-bottom: 5px;
}
.enrollFromWaitingList .detail .select{
width: 89%;
}
.enrollFromWaitingList .detail .checkedAllText{
width: 4%;
text-align: center;
}
.enrollFromWaitingList .detail .checkboxAll{
width: 5%;
}
.enrollFromWaitingList .detail .checkbox{
width: 9%;
text-align: right;
}
.enrollFromWaitingList .detail .desc{
width: 90%;
}
.enrollFromWaitingList .detail .desc .gap{
width: 7px;
}
.enrollFromWaitingList .detail .fullDesc{
color: #d0021b;
}
.enrollFromWaitingList .detail .checkedItems{
text-align: right;
padding-right: 12px;
color: #262626;
line-height: 2.17;
letter-spacing: normal;
}
.enrollFromWaitingList .detail .actions{
text-align: right;
padding-right: 28px;
}
.enrollFromWaitingList .enrolledCustomer button , .detail .actions button{
width: 53px;
height: 23px;
border-radius: 5px;
background-color: #4dbde9;
border: solid 1px #808080;
color: #fff;
}
.enrollFromWaitingList .enrolledCustomer .basicInfo .name{
width: 60%;
}
.enrollFromWaitingList .enrolledCustomer .basicInfo .interval{
width: 26%;
}
.enrollFromWaitingList .basicInfo .enrollAction{
margin-left: 5px;
}
.enrollFromWaitingList .enrolledCustomer .basicInfo .date{
width: 52%;
}
.enrollFromWaitingList .enrolledCustomer .basicInfo .kind{
width: 20%;
}
.enrollFromWaitingList .waitingListCustomer .customerList div.enrolledCustomer:hover{
background-color: #eef9fd;
border-color: #009dda
}
.enrollFromWaitingList .detail .itemDesc{
padding-left: 9px;
font-size: 10px;
margin-top: -5px;
}
/*
css for new html version of Pass Production
*/
.passProduction {
padding: 20px;
height: 350px;
}
.passProduction > div {
display: inline-block;
vertical-align: top;
}
.passProduction .picture{
border-right: 1px solid #b7b7b7;
margin-right: 20px;
}
.passProduction button {
display: block;
width: 100px;
background-color: #646464;
color: #fff;
padding: 5px 0;
border: 1px solid black;
border-radius: 5px;
margin-bottom: 10px;
font-size: 12px;
}
.passProduction button.disabled{
cursor: not-allowed;
border-color: #c1c1c1;
background-color: #c1c1c1;
}
.passProduction .pictureArea {
display: inline-block;
width: 180px;
height: 220px;
vertical-align: top;
text-align: center;
background-color: #efefef;
border: 1px solid #b7b7b7;
}
.passProduction .pictureArea > div {
line-height: 220px;
}
.passProduction .pictureArea > div, .passProduction .pictureArea img {
display: inline-block;
width: 100%;
height: 100%;
}
.passProduction .pictureActions {
display: inline-block;
margin: 0px 20px;
}
.passProduction .pictureActions button:last-child {
margin-top: 168px;
margin-bottom: 0;
}
.passProduction .customerInfo {
display: inline-block;
height: 185px;
margin-right: 20px;
padding: 20px 20px 15px 20px;
border: 1px solid #b7b7b7;
}
.passProduction .customerInfo input {
width: 187px;
}
.passProduction .item {
margin-bottom: 7px;
}
.passProduction .item  div {
display: inline-block;
}
.passProduction .item  div:first-child {
width: 90px;
text-align: right;
padding-right: 10px;
font-weight: bold;
}
.passProduction .item  div:last-child {
width: 230px;
}
.passProduction .customerActions {
display: inline-block;
vertical-align: top;
height: 200px;
}
.passProduction .customerActions button:last-child {
margin-top: 168px;
margin-bottom: 0;
}
.passProduction .message{
display: block;
color: grey;
font-style: italic;
font-size: small;
margin-top: 10px;
}
/*
css of new html version of taking customer photo
*/
.takeWebPhoto {
padding: 20px;
width: 310px;
}
.takeWebPhoto > div {
display: inline-block;
}
.takeWebPhoto button {
display: block;
width: 80px;
background-color: #646464;
color: #fff;
padding: 5px 0;
border: 1px solid black;
border-radius: 5px;
margin-bottom: 10px;
font-size: 12px;
}
.takeWebPhoto button.disabled{
cursor: not-allowed;
border-color: #c1c1c1;
background-color: #c1c1c1;
}
.takeWebPhoto .pictureArea {
display: inline-block;
width: 180px;
height: 220px;
vertical-align: top;
text-align: center;
background-color: #efefef;
border: 1px solid #b7b7b7;
}
.takeWebPhoto .pictureArea > div {
line-height: 220px;
}
.takeWebPhoto .pictureArea > div, .takeWebPhoto .pictureArea img {
display: inline-block;
width: 100%;
height: 100%;
}
.takeWebPhoto .pictureActions {
display: inline-block;
margin: 0px 20px;
}
.takeWebPhoto .pictureActions button:last-child {
margin-top: 168px;
margin-bottom: 0;
}
.takeWebPhoto .notDirectory{
display: block;
color: grey;
font-style: italic;
font-size: small;
margin-top: 10px;
}
.takeWebPhoto .message{
display: inline-block;
color: grey;
font-style: italic;
font-size: small;
margin-top: 10px;
width: 180px;
vertical-align: top;
word-wrap: break-word;
}
.takeWebPhoto .doneButton {
display: inline-block;
margin: 10px 0 0 22px
}