body,div,h1,h2,h3,h4,h5,p,ul { font-family: verdana,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;
}
.solidBody{
	background:#FFFFCC;
}
.trainerLogonBody {
    background-color: #FFFFFF; 
    background-image: url('/ccrp/'); background-repeat: repeat;
}

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

table { font-family: verdana,arial,sans-serif; }
th,td,caption {
    font-family: verdana,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: #669900;
    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:#669900;
    color:#FFFFFF;
    font-weight:bold;
    /*font-size:83%;*/
}
.normalheading {
    background-color:#669900;
    color:#FFFFFF;
    font-weight:bold;
    font-size:100%;
}
.transparentheading {
    color:#FFFFFF;
    font-weight:bold;
}
.normal {
    background-color:#FFFFCC;
    color:#000000;
    font-weight:normal;
}
.section {
    color : #333333;
    font-weight : bold;
    /*font-size : 83%;*/
}
.sectionpad {
    padding: 4px 0px 0px 0px;
}

A:link{ color:#0000FF }
A:visited{ color:#0000FF }
A:hover{ color:#009900 } 
A:active{ color:#0000FF }

.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 : #669900;
}

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

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

.groupLabel a {
    color : #333333;
}

.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: #000000;
    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: #000000;
    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;
}

.addNewButton{
  float:right;
  padding-top:1em;
}

.modSearchButton{
  float:left;
  padding-top:1em;
}

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

.adminPageHeading {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 4px;
    /*
    background-color: #669900;
    background-image: url("getDynImage.sdi?online_site_id=0&type=pageheader&w=3&h=20");
    color: #FFFFFF;
    */
}

.pageHeading a, .pagehead a {
    background-color: #669900;
    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: #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: #333333;
    background-color: #669900;
}

table.loginForm td {
    padding: 2px;
}

.tableList, .calTable, .tableListNoSort{
    font-family: verdana,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: verdana,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 tr.altRowEven td, table.tableListNoSort tr.altRowEven td{
    background-color: #EEEEEE;
}

table.tableList tr.altRowOdd td, table.tableListNoSort tr.altRowOdd td{
    background-color: #EEEEEE;
}

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 : #669900;
    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 : #669900;
    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;
}

.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;}
.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 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 { vertical-align:middle; }
.text_with_button_main input, .text_with_button_main_out_group input { vertical-align:middle; }

.password_hint{font-weight:normal; font-size:70%;}
.fieldhelp{font-size:80%; font-style:italic;}

.colhead, .txtBold {
    font-weight: bold;
}

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

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

.img-shadow {
  background: url("/ccrp/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('/ccrp/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:#63AEF7;
	-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(/ccrp/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:#63AEF7;
	-moz-box-shadow: 3px 3px 6px #999;
	-webkit-box-shadow: 3px 3px 3px #999;
	box-shadow: 3px 3px 6px #999;
	behavior: url(/ccrp/jquery/js/ie-css3.htc);
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

/* Login Page Styling */
.adminLogin {
    font-size: 100%;
    width: 450px;
    margin: 0px 0px 4px 0px;
    background: url("/ccrp/active_symbol_transparent.png") no-repeat !important;
    background: url("/ccrp/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("/ccrp/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: #669900;
}

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

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

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

.navLogout a, .navLogout a:hover {color:#FFFFFF; font-weight:bold;}

.navLogout {
    color: #FFFFFF;
    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 ; }

.bannerMenuItem {
    font-weight: bold;
    color: #FFFFFF;
}
.bannerIcon {
    padding: 0px ;
}

.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: #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%; }

.publicTab { padding: 0px 15px 0px 15px;  border-left: 1.5px solid #FFFFFF; text-align: center; white-space:nowrap}
.publicDummyTab { border-left: 1.5px solid #669900; border-right: 1.5px solid #669900; }
.publicTopTab { padding: 0px 4px 0px 4px;  text-align: center;}

.publicTab a {color: #FFFFFF; font-weight: bold; text-decoration: none; }
.publicTab a:hover {color: #FFFFFF; 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;
}

.adminBreadcrumb {
        width:100%;
        font-weight: bold;
        font-size: 86%;
        border-bottom:1px solid #999;
        padding-top:2px;
        padding-left:4px;
    }

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

.onlineBreadcrumbNavBar a {
    color:#FFFFFF;
}

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

.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("/ccrp/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 : #669900;
    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 : #333333;
}
input.readonly {
    background-color: lightgray;
    border: 1px solid;
}
/*------------------------------------------------
    These style is for Tabbed UI
---------------------------------------------------*/
.navLogoutTab { 
	background-color:#FFFFCC; 
	color:#000000; 
	padding: 2px 8px 5px 0px; 
	vertical-align:middle; 
}
.navLogoutTab a, .navLogout a:hover {
	color:#000000; 
}
.bannerPageTab, .navLogoTab, .navBarTab { 
	background-color: #669900;  
}

/***************************************************
*
*     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: #669900 !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 {...}*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: 997 !important; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*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-color : #669900 !important;
}
.ui-dialog .ui-dialog-title { 
    float: left;
    margin: .1em 16px .2em 0;
    color : #333333 !important;
}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }