/* --------------------------------------------------------------
  
   default.css
   * Defalt style sheet for all themes.
   * Uses the Blueprint css framework, reset.css and
    typography.css - http://www.blueprintcss.org/
   * Loads reset.css and typography.css first to get a baseline.
   * Next the defaults for all themes, these defaults can be 
    overwritten by each theme (main.css) if they need to be changed
    
   Contents:
     reset.css
     typography.css
     Headings
     Text elements
     Lists
     Tables
     Defaults
     Form elements
     Preview bar
     Search Results Styles
     Na2 Themes defaults
     tinyMCE content overrides
     User profile
     Content widgets
   
-------------------------------------------------------------- */



/* --------------------------------------------------------------
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
 
body {
  line-height: 1.5;
}
 

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */
 
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
 
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
 
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}
 
 
/* Text elements
-------------------------------------------------------------- */
 
p { margin: 0 0 1.5em; }
/* Removed from blueprint
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
*/
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
 
a:focus,
a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
 
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
 
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
 
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
 
 
/* Lists
-------------------------------------------------------------- */
 
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
 
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
 
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
 
 
/* Tables
-------------------------------------------------------------- */
 
/* Defaults
-------------------------------------------------------------- */

h2 {font-size: 1.625em; line-height: 1.0em;}

table tbody tr th {font-weight: bold;}

form label {display: block;}

form label.no-block {display: inline;}

.inline {display: inline;}

#content_holder {width: 525px;}

#content_holder .inner_shell {margin: 0 auto; min-height: 50px; height: 100%;}

.inner_shell h2 {
  font-weight: bold;
  font-size: 14pt;
  padding-left: 11px;
  padding-top: 5px;
  color: #000;
}

.lightbox_content {margin: 0px auto; padding: 10px 10px 10px; text-align: left;}

#repeats {padding: 20px;}

p.article-group-page-nav a {padding-right: 10px;}

.clear{ clear:both; }
/* Form elements
-------------------------------------------------------------- */
.form {margin-left: 12px; display: inline;}
.forms {padding-bottom: 30px;}

#form_submit {padding: 2px; margin-top: 15px;}

input {border: 1px solid #848484; padding: 3px;}

.list_form_container {
  border: 1px solid #CB982B;
  background: #F9F4E3;
  padding: 10px;
  margin: 0 auto;
  font-size: 90%;
}

.list_form_container a:link, .list_form_container a:hover {color: #000;}
.list_form_container form {margin-bottom: 0px;}
.list_form_container p {margin-top: 5px; padding: 0px;}
.list_form_container p label, .list_form_container div label {margin-top: 2px; font-weight: bold;}
.list_form_container label {padding-top: 5px; display: block;}
.list_form_container input {border: 2px inset #EEEEEE; background: #fff; position: relative;}

.actions input {background: buttonFace; border: 1px outset buttonShadow;}

#errors {
  color: #ff0000;
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
}

#signup, #signup input {font-size: 14px; color: #333; font-family: Arial, Verdana, Helvetica, sans-serif;}

#signup .sign-up-left {float: left; width: 49%;}
#signup .sign-up-right {float: right; width: 49%;}

#signup h2, #bodyarea #signup h2 {float: left; font-size: 1.8em;}
#signup h3, #bodyarea #signup h3 {}

#signup p, #bodyarea #signup p {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

#signup .errorExplanation {
  border: 2px solid red;
  clear: both;
  padding: 15px;
  margin: 10px;
}

#signup .errorExplanation h2 {float: none; font-size: 1.1em; font-weight: bold;}
#signup .errorExplanation ul {padding-left: 15px;}
#signup .errorExplanation ul li {list-style: disc;}

#signup .fieldWithErrors input {background-color: #F8C5A9; color: #8E2B28;}

#signup dl {padding: 0 8px 12px 0;}
#signup dl dd {padding-bottom: 8px; margin-left: 0;}
#signup dl dd.submit {padding-top: 25px;}

#signup .instructions {clear: both; padding-bottom: 12px;}

#signup label {
  display: block;
  font-weight: bold;
  padding: 0 10px 3px 0;
  margin: 0;
  text-align: left;
  width: auto;
}

#bodyarea #signup form label {margin: 0; padding: 0 10px 3px 0;}

#signup label.radio-label {font-weight: normal;}

#signup .required {padding-left: 5px;}

#signup input.textBox {width: 240px;}

#signup textarea.textBox {width: 275px;}

#signup p.hint {
  color: #999;
  font-size: 12px;
  font-style: italic;
  padding-top: 5px;
}


/* Preview bar
-------------------------------------------------------------- */

div.preview_bar {
  background-color: #000;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
}


/* Search Results Styles
------------------------------------------------------ */

#search {margin-bottom: 1.2em;}

.search-results h4 {padding-bottom: 3px; margin-bottom: 0;}
.search-results h4 a, .search-results h4 a:visited {color: #0000CC;}

.search-results p.date {color: green; font-size: 0.85em; padding-bottom: 5px;}
.search-results p {color: #000; margin-bottom: 0;}

.search-results .abstract-photo {float: left; margin-right: 8px;}
.search-results .abstract-photo img {background-color: #fff; border: 1px solid #999; padding: 3px;}

.search-results .single-result, .search-results .single-article-result {margin-bottom: 1.2em;}


/* Na2 Themes defaults
-------------------------------------------------------------- */

#Header {font-family: Georgia, "Times New Roman", "Palatino Linotype" serif; font-weight: normal;}  

.churchtitle {
	font-size: 2.8em;
	line-height: 1.0em;
	position: absolute;
	white-space: nowrap;
}

.churchsubtitle {
	font-size: 2.0em;
	line-height: 1.0em;
	position: absolute;
	white-space: nowrap;
}

h3.widgettitle {font-size: 1.175em; padding: 5px; margin-bottom: 8px;}

.widgetdiv1 {width: 248px; margin-bottom: 10px;}

.widgetdiv4 div {padding: 0 10px 10px 10px;}
.widgetdiv4 table {margin-bottom: 0;}


/* tinyMCE content overrides
-------------------------------------------------------------- */

#bodyarea ul {list-style-type: disc; padding-left: 1.6em;}
#bodyarea ol {list-style-type: decimal; padding-left: 1.6em;}
#bodyarea em {font-style: italic;}
#bodyarea strong {font-weight: bold;}


/* User profile
-------------------------------------------------------------- */

div#user-profile-image-wrapper {text-align: center;}
div#user-profile-image-wrapper,
div#user-profile-image-upload {float: left;}

#account {width: 100%;}
.account_navigation {width: 200px;}
.account_navigation, #account_info_pane {float: left;}
.account_navigation ul li{list-style:none;}
#account_info_pane dl.user_detail dd{margin:0px;}
.account_image, .account_overview{float:left; padding:0px;margin:0px;}
.account_image{width:100px;}
.account_image img{ margin:0 auto;display:block;}
.account_overview{width:400px;}
#account_info_pane {width: 500px;}

/* Content widgets and content extensions
------------------------------------------------------ */

ul.news_list, ul.products_list {margin: 10px 0 0 0; padding: 10px 0;}
ul.news_list li, ul.products_list li {overflow: auto; padding-bottom: 24px;}
ul.news_list li h3, ul.products_list li h3 {margin-bottom: 5px;}
ul.news_list li p, ul.products_list li p {margin-bottom: 3px;}

.widget_news_story {height: auto;}
.widget_news_story h4 {font-size: 1.125em; margin-bottom: 5px; height: auto;}
.widget_news_story p {margin-bottom: 0px;}
.news_widget_photo {display: block; float: left; margin-right: 8px;}

.AnnouncementInfo h4 {font-size: 1.125em; margin-bottom: 5px; height: auto;}
.AnnouncementInfo p.ContentBody {margin-bottom: 0;}

ul.subscribe_nav {
  list-style: none;
  margin: 0;
  width: 435px;
  padding: 5px 0 10px 0;
}
  
ul.subscribe_nav li {display: inline; list-style: none; padding: 0 15px 0 0;}
ul.subscribe_nav li a img {padding: 3px 2px 0 0;}

.EventInfo h4 {font-size: 1.125em; margin-bottom: 5px; height: auto;}
.EventInfo p.meta {margin-bottom: 0; font-style: italic;}
.EventInfo p.ContentBody {margin-bottom: 0;}

.news_img {float: left; margin-right: 8px;}
.news_img img {background-color: #fff; border: 1px solid #999; padding: 3px;}

a.subscribe-rss {background: transparent url(/images/icon-rss.gif) no-repeat scroll left; padding-left: 20px;}

.view_links {padding-bottom: 10px;}

a.view_more_link {margin-top: 10px;}

#color_key ul {margin: 0;}

.sort {padding: 20px 0;}
.sort ul li {list-style: none;}
.sort ul li span a {margin-left: 8px; padding: 3px 6px;}
.sort ul li.current span {background-color: #ffffcc;}

/* Calendar fix for clearing the columns */
.calendar {clear: none !important;}

.smallcontent {overflow-x: hidden;}

.no_bullets {list-style: none;}

.required-note { text-align: right; }

/* GOOGLE MAPS HACK TO FIX OVERFLOW OF BUBBLE */
.google-map-info-window {
  width: 210px;
}

#event_calendar table.calendar { width: 100%; }
#event_calendar th, #event_calendar td { width: 14%; }
#event_calendar td {
  text-align: left;
  vertical-align: top;
  height: 3em;
}
#event_calendar td * { width: auto; }
#event_calendar td a.event.extends_right {
  margin-right: -3px;
  border-right: 0;
}
#event_calendar td a.event.extends_left {
  margin-left: -3px;
  border-left: 0;
  text-decoration: none;
}
#event_calendar td div.event_spacer { padding: 6px 3px; }
#event_calendar td div.event_wrapper { padding: 3px 0; }


/*
scal.css - The style sheet for the scal calendar control.

Everything style-wise in scal is controlled through the use of css classes.  You begin by defining your
base element (i.e. the div that will hold the calendar) with a style class as defined in this file.  From there,
all elements of the calendar will automatically be assigned their style as a subset of the class.

To make a new style, just copy the scal classes paste at the bottom of the file.  Change the
css class name to a unique name (ex. .scal to .mycalendar) and then you will have your own unique class for scal.
Once the css is in place, update your HTML to use the new class name in the base element definition:

<div id="calendar_holder" class="scal"></div>

That's all you need to do to create your own style for scal.  Of course, you can also derive your own classes from
the scal class itself.  Just override the element you want to change and then append your new class name to the 
class element of the base element:

.mycal{background-color:red;}

<div id="calendar_holder" class="scal mycal"></div>

Now, you'll have a sweet red background for your scal.

P.S. Try out the included versions to see how they work and have fun! 
*/

.scal{
  background-color: white;
  margin:3px;
  border:1px dashed gray;
  font-size:24pt;
  width:436px;
  min-height:300px;
  display:block;
  padding:10px;
  font-size:24pt;
  font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
  line-height:normal;
  position:absolute;
}
.scal:hover{
  cursor:pointer;
  /*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.scal .calwrapper{
}
.scal .calweekswrapper{
  display:block;
}
.scal .calheader{
  display: block;
  width:100%;
  text-align:center;
  margin-bottom:2px;
}
.scal .caltitle{
  width:60%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.scal .calcontrol{
  margin: 2px;
  padding: 2px;
  font-size:12pt;
  font-weight: bold;
}
.scal .calcontrol:hover{
  background-color:red;
  color:white;
}
.scal .calclose{
  border: 1px solid black;
  float:right;
}
.scal .calprevmonth{
  float:left;
}
.scal .calnextmonth{
  float:right;
}
.scal .calnextyear{
  display:none;
}
.scal .calprevyear{
  display:none;
}
.scal .daybox{
  float:left;
  border:1px solid black;
  width: 60px;
  color:black;
  text-align:center;  
}
.scal .dayboxvalue{
    display: none;
}
.scal .dayboxname{
  background-color: black;
  color:white;
  font-size:16pt;
}
.scal .dayboxsunday{
  background-color: lightgray;
}
.scal .dayboxsaturday{
  background-color: lightgray;
}
.scal .daybox:hover{
  border:1px solid red;
}
.scal .dayboxname:hover{
  border:1px solid black;
}
.scal .dayinmonth{
  color: black;
}
.scal .dayoutmonth{
  color:gray;
}
.scal .dayselected{
  background-color: red;
  color: white;
}
.scal .daycurrent{
  border:1px solid red;
}
.scal .weekbox{
  width:100%;
  display:block;
}
.scal .endweek{
  float:left;
}
.scal .weekboxname{
}

input.scal_input {
  background: #FFF url(/images/icons/calendar.gif) center right no-repeat;
}


/* 
tinyscal - a mini version of the calendar type.  useful in tight spaces. 
 usage: define class of base element as "scal tinyscal" as tinyscal is 
        dependent on scal.
*/
.tinyscal{
  font-size:8pt;
  width:154px;
  min-height:140px;
}
.tinyscal .calcontrol{
  font-size:8pt;
}
.tinyscal .caltitle{
  padding:3px;
}
.tinyscal .daybox{
  width: 20px;
}
.tinyscal .dayboxname{
  font-size: 8pt;
}
.tinyscal .weekboxname{
  margin-top:5px;
}

/*
iscal - based on apple's ical default design
*/
.iscal{
  background-color: #dd0000;
  margin:1px;
  border:3px solid #cccccc;
  font-size:10pt;
  width:540px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
  display:block;
  padding:3px;
  min-height:540px;
}
.iscal:hover{
  cursor:pointer;
  /*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.iscal .calwrapper{
  display:block;
  background-color:#ffffff;
}
.iscal .calweekswrapper{
  display:block;
  border-right:1px solid #cccccc;
}
.iscal .calheader{
  display: block;
  width:100%;
  text-align:center;
  color:#ffffff;
  font-size:18pt;
  font-weight:bold;
  margin-bottom:2px;
}
.iscal .caltitle{
  width:70%;
  height:40px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.iscal .calcontrol{
  font-weight: bold;
  width:25px;
}
.iscal .calcontrol:hover{
}
.iscal .calclose{
  float:right;
  display:none;
}
.iscal .calprevmonth{
  float:left;
}
.iscal .calnextmonth{
  float:right;
}
.iscal .calnextyear{
  display:none;
}
.iscal .calprevyear{
  display:none;
}
.iscal .daybox{
  float:left;
  background-color: white;
  border-left:1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  width:70px;
  height:70px;
  padding:3px;
  color:black;
  text-align:right;
    overflow: auto;
}
.iscal .dayboxname{
  background-color: #ffffff;
  border-left: 1px solid #ffffff;
  height:auto;
  width:70px;
  text-align: center;
  color:#000000;
}
.iscal .dayboxvalue{
  text-align:left;
  overflow: auto;
}
.iscal .daybox:hover{
}
.iscal .dayboxname:hover{
}
.iscal .dayinmonth{
  color: black;
}
.iscal .dayoutmonth{
  color:gray;
}
.iscal .dayselected{
  background-color: #eeeeff;
}
.iscal .daycurrent{
  border:1px solid #e8eef7;
}
.iscal .weekbox{
  width:100%;
  display:block;
}
.iscal .endweek{
  float:left;
}
.iscal .weekboxname{
}
.iscal .dayboxdate{
    width: 15px;
    text-align: center;
    float: right;
}
.iscal .dayboxvalue p {
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    border-bottom: 1px solid #ccc;
}
.iscal .dayselected{
}

/*
googleblue - inspired by google's default calendar widget on iGoogle
*/
.googleblue{
  background-color: #c3d9ff;
  margin:1px;
  border:1px solid #c3d9ff;
  font-size:10pt;
  width:219px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
  display:block;
  padding:3px;
  min-height:175px;
}
.googleblue:hover{
  cursor:pointer;
  /*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.googleblue .calwrapper{
  display:block;
}
.googleblue .calweekswrapper{
  display:block;
  border: 1px solid gray; 
}
.googleblue .calheader{
  display: block;
  width:100%;
  text-align:center;
  color:#112aab;
  font-size:11pt;
  font-weight: bold;
  margin-bottom:2px;
}
.googleblue .caltitle{
  width:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.googleblue .calcontrol{
  font-weight: bold;
  width:25px;
}
.googleblue .calcontrol:hover{
}
.googleblue .calclose{
  float:right;
  display:none;
}
.googleblue .calprevmonth{
  float:left;
}
.googleblue .calnextmonth{
  float:right;
}
.googleblue .calnextyear{
  display:none;
}
.googleblue .calprevyear{
  display:none;
}
.googleblue .daybox{
  float:left;
  background-color: white;
  border:1px solid white;
  width:25px;
  padding:2px;
  color:black;
  text-align:center;  
}
.googleblue .dayboxvalue{
    display: none;
}
.googleblue .dayboxname{
  border: 1px solid #c3d9ff;
  background-color: #c3d9ff;
  color:black;
}
.googleblue .dayboxsunday{
  background-color: #e8eef7;
  border: 1px solid #e8eef7;
}
.googleblue .dayboxsaturday{
  background-color: #e8eef7;
  border: 1px solid #e8eef7;
}
.googleblue .daybox:hover{
}
.googleblue .dayboxname:hover{
}
.googleblue .dayinmonth{
  color: black;
}
.googleblue .dayoutmonth{
  color:gray;
}
.googleblue .dayselected{
  background-color: #aaccee;
  color: black;
}
.googleblue .daycurrent{
  border:1px solid #e8eef7;
}
.googleblue .weekbox{
  width:100%;
  min-height:21px;
  display:block;
}
.googleblue .endweek{
  float:left;
}
.googleblue .weekboxname{
}

/*
dashblack - inspired by apple's default calendar widget in Dashboard
*/
.dashblack{
  background-color: #000000;
  margin:1px;
  border:3px solid silver;
  font-size:10pt;
  width:204px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
  display:block;
  padding:3px;
  min-height:145px;
}
.dashblack:hover{
  cursor:pointer;
  /*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.dashblack .calwrapper{
  display:block;
}
.dashblack .calweekswrapper{
  display:block;
}
.dashblack .calheader{
  display: block;
  width:100%;
  text-align:center;
  color:#88dd22;
  font-size:10pt;
  font-weight: bold;
  margin-bottom:2px;
}
.dashblack .caltitle{
  width:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.dashblack .calcontrol{
  font-weight: bold;
  color: #ffffff;
  width:25px;
}
.dashblack .calcontrol:hover{
}
.dashblack .calclose{
  float:right;
  display:none;
}
.dashblack .calprevmonth{
  float:left;
}
.dashblack .calnextmonth{
  float:right;
}
.dashblack .calnextyear{
  display:none;
}
.dashblack .calprevyear{
  display:none;
}
.dashblack .daybox{
  float:left;
  background-color: #000000;
  border-right: 1px solid #666666;
  border-left: 1px solid #000000;
  width:25px;
  padding:1px;
  color:#ffffff;
  font-weight: bold;
  text-align:center;  
}
.dashblack .dayboxname{
  border-right: 1px solid #666666;
  border-left: 1px solid #000000;
  background-color: #000000;
  color:#666666;
}
.dashblack .dayboxvalue{
  display:none;
}
.dashblack .daybox:hover{
}
.dashblack .dayboxname:hover{
}
.dashblack .dayinmonth{
}
.dashblack .dayoutmonth{
  color:#666666;
}
.dashblack .dayselected{
  color: #88dd22;
}
.dashblack .dayselected .dayboxdate{
  text-decoration: underline;
}
.dashblack .daycurrent{
}
.dashblack .weekbox{
  width:100%;
  display:block;
}
.dashblack .endweek{
  float:left;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
}
.dashblack .weekboxname{
}

/*
iphonic - inspired by apple's default calendar widget in Dashboard
Contributed by Andrew Reutter
*/
.iphonic{
  background-color: rgb( 230, 230, 230 );
  color: rgb( 46, 63, 81 );
  font-size:22px;
  width:320px; /* cellwidth * 7 + cellborder * 14 */
  display:block;
  min-height:322px;
  font-family: Helvetica;
  letter-spacing: 1px;
  -webkit-box-shadow: 0px 15px 15px #888;
}
.iphonic:hover{ cursor:pointer; }
.iphonic .calwrapper{ display:block; }
.iphonic .calweekswrapper{ display:block; }

.iphonic .calheader{
  display: block;
  width:100%;
  text-align:center;
  font-size:22px; font-weight: bold;
}
.iphonic .caltitle{
  width:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  height:23px;
  padding-top: 6px;
  vertical-align: bottom;
}
.iphonic .calcontrol{
  font-weight: bold;
  width:44px;
  padding-top: 6px;
  height:23px;
}
.iphonic .calprevmonth{ float:left; }
.iphonic .calnextmonth{ float:right; }
.iphonic .calnextyear{
  display:none;
}
.iphonic .calprevyear{
  display:none;
}
.iphonic .calclose{ float:right; display:none; }

.iphonic .daybox{
  float:left;
  border-top: 2px solid rgb( 210, 210, 210 );
  border-right: 2px solid rgb( 210, 210, 210 );
  width:44px;
  height:35px;
  font-weight: bold;
  text-align:center;  
  padding-top: 9px;
}
.iphonic .dayboxname{
  border-right: 2px solid rgb( 201, 199, 204 );
  border-top: none;
  background-color: rgb( 201, 199, 204 );
  font-size: 10px;
  height: 14px;
  color:#666666;
  padding-top: 3px;
}
.iphonic .dayboxvalue{
  display:none;
}
.iphonic .daybox:hover{
}
.iphonic .dayboxname:hover{
}
.iphonic .dayinmonth{
}
.iphonic .dayoutmonth{
  color: rgb( 150, 150, 150 );
}
.iphonic .dayselected{
  color: #ffffff;
  background-color: rgb( 12, 96, 194 );
}
.iphonic .dayselected .dayboxdate{
  text-decoration: none;
}
.iphonic .daycurrent{
}
.iphonic .weekbox{
  width:100%;
  display:block;
}
.iphonic .endweek{
  float:left;
  border-right: none;
}
.iphonic .weekboxname{
}