* { padding: 0; margin: 0; }

/* - - - - Global - - - - - - - - - - - */

h1 { font-family: Verdana, sans-serif; clear: both; margin: 0 0 2px 0; font-size: 170%; font-weight: 300; line-height: 1em; }
h2 { clear: both; font-family: Verdana, sans-serif; padding: 0 0 5px 0; margin: 5px 0; font-size: 150%; font-weight: 300; line-height: 1em; }
h3 { display: block; float: left; width: 100%; text-align: center; padding: 0 0 5px 0; font-size: 110%; font-weight: 700; }
h4 { font-size: 110%; font-weight: 300; font-family: Verdana, serif; }
h5 { margin: 0 0 5px 0; padding: 0 0 2px 0; font-weight: 700; font-size: 110%; }
fieldset { padding: 5px 0; margin: 0 0 10px 0; border-style: none; }
form { float:left; font-size: 100%; font-family: Verdana, Arial, sans-serif; }
label,input { font-size: 100%; font-family: Verdana,Arial,sans-serif; }
label { float: left; display: block; text-align: left; font-weight: bold; padding: 0 4px 5px 0; margin: 2px 0 0 0; font-family: Verdana, Arial, sans-serif; }
input { padding: 3px 2px; }
p label { padding: 5px 5px 3px 0; }
select { float: left; display: block; font-size: 95%; font-weight: normal; margin: 0 5px 0 0; font-family: Verdana, Arial, sans-serif; }
textarea { font-style: normal; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 100%; display: block; width: 230px; float: left; margin: 2px 0 0 0; overflow: auto; }
dl { clear: left; }
dt { font-weight: bold; color:#000; }
dd { font-weight: normal; margin: 3px 0 20px 0px; line-height:1.3; color:#333; }
pre { background: #FFFFE6; border: 1px solid #C5D8EC; margin: 15px 0 0 15px; padding: 2px; width: 92%; }

#container { clear: left; margin: 0 auto; width: 100%; text-align: left; }
#top { float: left; width: 100%; padding: 10px 0 0 0; background-color: #2F5D8D; background-color:#4A6C9F; }
#top-min { clear:left;width:760px;margin:20px auto 0 auto; background: #FFFFFF; }
#logo { clear: left; width: 960px; margin: 0 auto 11px auto; font: bold 13px Verdana, sans-serif; letter-spacing: -1px; color:#FFFFFF; }
#logo-min { clear: left; width: 960px; margin: 0 auto; font: bold 110% Verdana, sans-serif; letter-spacing: -1px; color:#FFFFFF; }
#user { display: block; text-align: right; font-size: 100%; font-weight: normal; padding-top: 6px; margin-right: 2px; color:#EFF3F7; letter-spacing: -1px; }
#main { clear: left; width: 960px; padding: 16px 0 0 0; margin: 0 auto; }
#front { clear: left; width: 100%; font-size: 100%; }
#front-full { clear: left; width: 100%; margin: 0 0 30px 0; border-top: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; font: normal 90% Verdana, sans-serif; letter-spacing:0; color: #222; background: #EFF5F9; line-height:1.3em; text-align:center; }
#user-welcome { clear:left; width: 960px; padding: 15px 0; margin: 0 auto; }
#footer { font-size: 78%; clear: left; width: 960px; padding: 6px 0 25px 0; margin: 30px auto 0 auto; text-align: center; line-height: 1.6em; color: #5E5E5E; border-top: 4px solid #D9E1EA; }
#container, #front { background:#FFF; }
#main, #footer { background:#FFF; }

body { font: normal 75% Verdana, Tahoma, helvetica, sans-serif; text-align: center; line-height: 1.3em; width: 100%; min-width: 780px; background: #FFFFFF; }
div { border: 0; }
table { border-spacing: 0px; border-collapse: collapse;}
p { display: block; clear: left; float: left; margin: 5px 0; width: 100%; }
ul { float: left; list-style: none; line-height: 1.2em; }
ul li { list-style: none; text-indent: 1px; padding: 2px 0 2px 0; }
img { overflow: hidden; }
small { display: block; font-size: 80%; font-weight: normal; padding-top: 1px; }
br { clear: left; }
p div { border: 1px solid #FFFFFF; }
button,input,select,textarea { vertical-align: middle; }
button, input { *overflow: visible; line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/* - - - - Navigation - - - - - - - - - */

#navHeader { clear: left; width: 960px; margin: 0 auto; height: 12px; padding: 0; }
#navHeader ul { float:left; width: 100%; display: block; padding: 0; list-style-type: none; position:relative; top:0;left:0; }
#navHeader ul li { float:left; display: block; text-align: center; padding: 0; }
#navHeader ul li.right { float: right; display: block; text-align: center; color: #EFF3F7; }
#navHeader ul li a { padding: 4px 7px 5px 7px; margin: 0 1px 0 0; text-decoration: none; display: block; text-align: center; letter-spacing: 0px; font: normal 13px Verdana, sans-serif; background: #658EBA; background:#729BC6; color: #EFF3F7; border: 1px solid #2F5D8D; border: 1px solid #4A6C9F; border-bottom: 0px solid #658EBA; position: relative; top: 1px; left: 0; }
#navHeader ul li a:hover { background: #8CAFD3; color: #EFF3F7; }
#navHeader ul li#active a { font: bold 12px Verdana, sans-serif; padding: 5px 7px 6px 7px; background: #FFFFFF; color: #EC7500; border: 1px solid #FFFFFF; position: relative; top: 2px; left: 0; }

#sideNav ul, #related ul { padding: 8px 0 10px 0; width: 100%; background: #F8F8F8; border-bottom: 1px solid #C9C9C9; margin-bottom: 10px; }
#sideNav ul li, #related ul li { clear:left; float:left; padding: 1px 0 0 0; width: 100%; }
#sideNav ul li a, #related ul li a { float:left;width:94%; text-decoration: underline; display: block; padding: 4px 0 4px 6%; text-shadow: 0 1px 0 #ffffff; }
#sideNav a:hover, #related a:hover { text-decoration: underline; color: #000000; background:#eee; }
#sideNav a.active { color: #EC7500; font-size: 100%; }
#sideNav a, #related a { text-decoration: underline; }
#sideNav div.header, #related div.header { border-bottom: 2px solid #A8A8A8; }
#sideNav div.header a, #sideNav div.header a:hover { text-decoration: none; color: #555; }
#sideNav a:hover.active { color: #EC7500; text-decoration:underline; background:#F8F8F8; cursor:default; }
#sideNav b, #related b { display:block; padding: 4px 0 2px 0; font-size: 110%; color: #5B5B5B; }

li.inactive a { color: #888888; }
.up { position: relative; top: -1px; left: 0; }

#content ul { margin: 0 10px 5px 10px; }
#content ul li { margin-left: 13px; padding: 3px 0; list-style-type: disc; }

ul#calShots { clear: left; float: left; width: 100%; list-style: none; line-height: 1.2em; font-size: 100%; padding: 5px 0 15px 0; }
ul#calShots.flush { padding: 0; }
ul#calShots li { list-style-type: none; float: left; padding: 0 5px 15px 0; width: 147px; height: 130px; }
ul#calShots li.p { width: 116px; height: 150px; padding-bottom: 20px; }
ul#calShots li.free { width: 195px; height: 180px; }
ul#calShots li img { clear: left; float: left; margin: 3px auto; }
ul#calShots li.free img { clear: left; float: left; margin: 3px auto; -webkit-box-shadow: 3px 3px 3px #eee;
   -moz-box-shadow: 3px 3px 3px #eee;
	    box-shadow: 3px 3px 3px #eee; }
#calShots a { font-size: 12px; font-weight: normal; }
ul#calShots.squeeze li { padding: 0 2px 15px 0; width: 143px; }
ul#calShots.squeeze li.p { width: 112px; }

.clearCenter { clear: both; display: block; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
#logo span.contrast, #logo-min span.contrast { font: normal 100% Verdana, sans-serif; }

a { font-size: 100%; text-decoration: underline; }
a:link { color: #1154AC; }
a:visited { text-decoration: underline; color: #1154AC; }
a:hover { text-decoration: underline; color: #000000; }
a:active { text-decoration: none; color: #1154AC; }

#logo a, #logo-min a , #top-min a { font-size: 18px; text-decoration: none; font-weight: 700; color: #FFFFFF; }
#logo a:hover, #logo-min a:hover, #top-min a:hover { text-decoration: none; }
#user a { font-size: 100%; text-decoration: underline; font-weight: 400; color:#EFF3F7; }
#user a:hover { text-decoration: none; }
#user strong a { font-size: 100%; text-decoration: underline; font-weight: 700; color: #FFFFFF; }
#logo-min #user a { font: bold 90% Verdana, sans-serif; text-decoration: none; color: #FFFFFF;}
#front-full a, #user-welcome a { font-size: 100%; text-decoration: underline; font-weight: 300; color: #2F5D8D; }
#footer a { font-size: 115%; }

a.headliner {
display: inline-block;
padding: 6px 12px 7px;
color: #fff;
text-decoration: none;
font-weight: 700;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
text-align: center;
position: relative;
cursor: pointer;
}
/* Sizes ---------- */
a.small.headliner {
font-size: 11px;
}
a.medium.headliner {
font-size: 12px;
}
a.large.headliner {
font-size: 16px;
padding: 8px 14px 11px;
}
 
/* Colors ---------- */
a.red.headliner { background-color: #e33100; }
a.orange.headliner { background-color: #DB5B13; }
a.green.headliner { background-color: #76AA3D; }
span.tinyBtnText { font-size: 15px; font-weight: 300; position:relative; top: 4px; }
ul.circle li { list-style: circle outside; margin: 0 0 .5em 2em; }
div.bubble { border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px 20px 10px 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); opacity:0.95;}


img, a img, .detailLeft img { border: 1px solid #C1C1C1; }
.detailLeft img, .cat-box img { -webkit-box-shadow: 3px 3px 3px #eee;
   -moz-box-shadow: 3px 3px 3px #eee;
	    box-shadow: 3px 3px 3px #eee; }
img.noshadow { -webkit-box-shadow: 0px 0px 0px #fff;
   -moz-box-shadow: 0px 0px 0px #fff;
	    box-shadow: 0px 0px 0px #fff; }
img.box { float: left; border: 0; }
img.btn { float: left; margin-top: 8px; border: 0; }

.ft-text {float:right;width:600px;font: normal 12px Verdana, sans-serif; color: #222222; position:relative; top:28px;left:0;padding: 12px 20px 12px 0px; background: #FFFCEC; text-align: left; line-height:1.3em;border: 1px solid #F8E6B9;}
.callOut{display:block;width:100%;float:left;position:relative; margin-bottom: 100px;}

#front h2 { font: normal 26px Verdana, sans-serif; color: #000000; padding:0; margin:0; text-align:left; line-height: 1.1em; }
#front h3 { font: normal 150% Arial, sans-serif; text-align:left; padding:0 0 5px 0; margin:0; color: #111111; }
#front-full h3 { clear:left; font: bold 115% Verdana, sans-serif; text-align:center; margin:0; padding:8px 0 2px 0; color: #111111; }
.frontImg{display:block;clear:none;position:absolute;top:-225px;left:-14px; border:0;}
ul#new-list { margin: 4px 0 0 0; }
ul#new-list li { padding: 3px 0; }
span.mini { font-size: 80%; color: #666666;}

.cg{display:block}
.cg *{display:block;height:1px;font-size:.01em;overflow:hidden;background:#F2F2F2;}
.cg1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;background:#FFFFFF;}
.cg2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;background:#FFFFFF;}
.cg3{margin-left:1px;margin-right:1px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.cg4{border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.cg5{border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.cgC {background:#F2F2F2; padding:5px 11px; font-size: 90%; line-height: 1.3em;}
div#cgC-1 strong { display: block; margin-bottom: 5px; font-size: 120%; font-weight: 300;}
div#cgC-1 ul { float:left; padding-left:0; list-style-type: none; }
div#cgC-1 ul li { clear: left; text-align: left; padding: 3px 0; list-style-type: none;}



/* Colors and Borders */

#content { color: #111111; }
#form { color: #1F1F1F; }
#message { background: #FFF7C6; color: #1F1F1F; border: 1px solid #FFE74F; border-radius:4px; }
#error { background: #F8EDED; color: #1F1F1F; color:#4A0B0B; border: 1px solid #CBC0C0; border: 1px solid #D99696; border-radius:4px; }

h1 { color: #000000; }
h2 { color: #061E3E; border-bottom: 0px solid #D9E1EA; }
h3 { color: #EC7500; }
h4 { color: #000000; }
h5 { color: #061E3E; }
small { color: #777777; }
label, select, legend { color: #3F3F3F; }

ul#checkout li.complete { background: #D9E1EA; color: #8E8E8E; }
ul#checkout li.active { background: #658EBA; color: #FFFFFF;  }
ul#checkout li.todo { background: #EBEBEB; color: #424242; }

fieldset.box { border: 1px solid #C6C6C6; }
fieldset.box legend {color: #EC7500; }

.subscribe-info{background: #FFFFFF; border: 4px solid #EEEEEE; -moz-border-radius:4px;-webkit-border-radius:4px;filter:alpha(opacity=95);opacity:.95;}
.important { color: #A30000; }
.excelOnly { color: #008008; }
.sub { color: #5C5C5C; }
.mail-list { background: #FFFFE6; border: 1px solid #C5D8EC; }

.specs { color: #777777; text-align:left; }
div.about { color: #404040; }
p.confirmPlan { background: #FFFDF8; border: 1px solid #F9D884; }

span.new { color: #1FA308; }
span.new2 { color: #000000; }
.related { color: #555555; }
h1.bigHeader, h2.bigHeader { color: #061E3E; border: 0; }
ul li strong { color: #EC7500; }


/* - - - - Primary Identifiers - - - - - - - - - */

#center { clear: left; width: 960px; margin: 0 auto; padding-top: 9px; font-size: 110%; }
#content { float: left; width: 745px; padding-top: 10px; margin-left: 5px; }
#sideNav { width: 190px; padding: 12px 0 4px 0; float:right; font-size: 85%; margin-right: 0px; }
#related { width: 190px; padding: 0 0 4px 0; clear:right; float: right; margin: 15px 0 0 0; font-size: 85%; }
#scheduleContent { float: right; width: 100%; font-size: 100%; }
#scheduleNav { float: left; width: 19%; }
#categoryContent { clear:left; width: 960px; margin: 0 auto 0 auto; padding-top: 17px; }
#form { clear:left; width: 960px; padding-top: 10px; padding-bottom:20px; margin: 0 auto; font-size: 110%; }
#fullContent { clear: left; width: 770px; margin: 0 auto; padding: 18px 0 30px 0; font-size: 100%;}
#wide { clear: left; width: 960px; margin: 5px auto 20px auto; padding: 15px 0; position:relative; top:0;left:1px; }
#fixed { clear: left; width: 780px; margin: 5px auto 20px auto; padding: 15px 0; position:relative; top:0;left:1px; }
#textOnly { width: 650px; margin: 5px 0 30px 0; font-size:100%; line-height:1.5; color:#333; }
#template-info { clear:left; float: left; width: 98%; margin: 20px 1%; font-family: Arial; }
.printInstruct { clear:left;float:left; background:#FFFFFF;color:#333;font-size:90%;padding:10px 0 0 0;margin:15px 1%; width: 98%; font-family: Arial; }
#template-info b, .printInstruct b { color:#222; }

/* - - - - Secondary (page-specific) Identifiers - - - - - - - - - */

#message { padding: 7px; margin: 2px 0 15px 0; font-family: Arial, Helvetica, sans-serif; }
#error { padding: 7px; margin: 2px 0 15px 0; font-family: Arial, Helvetica, sans-serif; }
#error p.errorHeader { clear:left; float:none; width:95%; margin: 5px 2.5% 12px 2.5%; font-size:145%; font-weight:700; color:#C21212; }
#error p.errorItem { clear:left; float:none; width:95%; margin: 3px 2.5%; }


/* - - - - Tables - - - - - - - - - - - */

table.paypal { float: left; width: 415px; }
table.paypal td { padding: 0 12px; }
table.events th { padding: 3px 2px; }
table.events td { padding: 4px 2px; }
tr.alt-event td { background:#FFF8E5;}


/* - - - - Lists - - - - - - - - - - - - */

ul#checkout { display: block; width: 100%; margin: 0 0 20px 0; font-size: 90%; font-weight: bold; }
ul#checkout li { float: left; display: block; padding: 4px 2px 4px 3px; margin-right: 2px; width: 32%; }

ul.instr { font-size: 90%; line-height: 1.3em; }

ul#linedImages { float:left; display: block; list-style-type: none; }
ul#linedImages li { float:left; display: block; text-align: center; padding: 5px 5px 0 0; margin: 0; }

/* - - - - Images - - - - - - - - - - - - */

.detailLeft { float: left; width: 320px; margin-top: 3px; padding: 10px 0; min-height: 320px; text-align: center; }
.detailLeftP { float: left; width: 320px; margin-top: 13px; padding: 10px 0; margin-right: 5px; min-height: 400px; }
.detailLeft img { display: block; margin: 0 auto 7px auto; }
#content div.anon-extra-info { clear:left; float:left; width:88%; padding:10px 2% 10px 4%; color:#B97E38; background:#fff; border:1px solid #DCB588; font-size:75%; margin: 20px 3% 30px 3%; text-align:left; line-height:1.3; -webkit-border-radius: 12px;
-moz-border-radius: 12px; border-radius: 12px; }
#content div.anon-extra-info p { margin:0 0 6px 0; color:#B97E38; }
#content b.light-header { clear:left;float:left; width:100%; padding-bottom:3px;margin-bottom:5px;font-size:115%; color:#D2964F; border-bottom:1px solid #F6D8B3; }
.detailLeft div.header { clear:left; float:left; padding: 10px 0 3px 0; text-align: left; }
.detailLeft div.zooms { clear:left; background: #F8F8F8; border-top: 2px solid #A8A8A8; margin-bottom:20px;border-bottom: 1px solid #C9C9C9; width: 317px; }
.detailLeft ul#linedImages { float:right; width: 194px; }
.detailLeft ul#linedImages li { padding: 5px 0 0 5px; }
.detailLeft ul#linedImages li img { border: 1px solid #1154AC; margin: 0; } 
.detailLeftP img { clear: left;  }
.detailLeft small { display: block; padding-bottom: 4px; }
#content .detailLeft p.single { color:#777;font-size:70%; margin:0 0 3px 0; padding: 1px 0; }
.detailRight { float: right; width: 400px; background: #FFF; margin-left: 10px; }
.detailRight p { font-size: 80%; line-height: 1.3em; margin:0 0 10px 0; }
.detailRight form p { font-size: 100%; }
div.specs { clear: left; float:left; width:92%;padding: 1em 4%; font-size: 95%; }
div.specs strong { font-weight: 700; font-size:95%; margin:0 0 5px 0; }
div.specs p { font-size: 90%; line-height: 1.4em; margin:0 0 5px 0; }

#excelScreenshot, #excelForm, #excelContent { display:none; }

div.cat-box { float: left; position:relative; padding: 5px 0 20px 0; width: 309px; margin-right: 15px; border: 0px solid #000;}
div.cat-box img { float:left; }
div.end { margin-right: 0; }
div.about {float:left; width: 105px; font: normal 95% Verdana, Arial, Helvetica, sans-serif; margin-left: 10px; }
div.port { width: 152px; }
div.about p { margin: 0 0 3px; font-size: 90%; }


/* - - - - Links - - - - - - - - - - - - */

table a { font-size: 100%; }

h3.cal { padding: 0 0 5px 0; margin: 0; }
h3.cal a { color: #EC7500; clear: left;float:left;width:100%; display: block; text-align: left; text-decoration: none; font-size: 110%; padding: 5px 0 0 0; font-weight: 700; }
h3.cal a:visited { text-decoration: none; color: #EC7500; }
h3.cal a:hover { text-decoration: none; color: #000000; }
h3.cal a:active { text-decoration: none; color: #EC7500; font-weight: 700; }

.about a { float: left; display: block; margin-top: 4px; font-weight: 300; font-size: 10px; }
#calShots li.free a { font-size: 100%; font-weight: normal; }
label a { font-weight: normal; font-size: 90%; }


/* - - - - Forms, Buttons, Fields - - - - - - - - - - */

#content form p, #fullContent form p { margin: 3px 0; }
input.submit { clear: both; margin: 10px 5px 10px 0; padding: 5px 6px; float: left; font-size: 100%; width: auto; overflow: visible; }
input.soleSubmit { clear: left; float: left; padding: 5px 6px; font-size: 100%; width: auto; overflow: visible; }
input.centerButton { padding: 1px .25em 1px .25em; margin-top: 5px; font-size: 100%; overflow: visible; }
input.sideStack { float: left; padding: 1px 3px; margin: 0 5px 0 0; font-size: 100%; width: auto; height: auto; overflow: visible; }
input.yearBox { float: left; display: block; padding:0; font-size: 100%; font-family: Verdana, Arial, sans-serif; margin: 0 5px 0 0; }
.long { width: 455px; }
.full { width: 320px; }
.mediumX { width: 220px; }
.medium { width: 170px; }
.short { width: 130px; }
.tiny { width: 105px; }
.spaced { display:block; margin-bottom: 8px; }
label.checkbox { display: block; float: left; padding: 0; font-weight: normal; }
input.checkbox { width: 1.1em; height: 1.1em; float: left; padding:0; margin: 4px 2px 0 0; }
input.bigCheckbox { width: 1.6em; height: 1.6em; float: left; padding:0; margin: 0 8px 0 0; }
input.readonly { background:#e9e9e9; color:#888; border:1px solid #ccc; }
fieldset.box { padding: 0 1em .5em 1.5em; margin: 0; position:relative; }
fieldset.box.topSpace { padding-top:55px;}
fieldset.pad { padding: 0 1em 1em 1em; margin: 0 0 5px 0; }
fieldset.box legend { margin: 0 0 5px -10px; padding: 0 3px; font: bold 130% Verdana, sans-serif; }
fieldset.reg { padding: 0; margin: 0; border-style: none; }
form.signin { border: 1px solid #CCCCCC; width: 350px; padding: 8px 25px; background: #F9F9F9; border-radius:4px; }
form.signin fieldset { border: 0; }
.hide { display: none; margin: 0; padding: 0; }
#download label.radio { display: block; float: left; font-weight: normal; margin-right: 5px; font-size: 11px; padding-top:1px; }
#createEventForm, #editEventForm { width:100%; background:#FFF; padding: 4px 0; }
#createEventForm fieldset, #editEventForm fieldset { clear:left;padding: 15px;background: #FFF; margin-bottom: 4px; border: 1px solid #C6C6C6; }
#createEventForm select, #editEventForm select { margin:0px 4px 2px 4px; }
#createEventForm label.radio, #editEventForm label.radio { display: inline-block; float: left; font-weight: normal; font-size: 90%; margin:0;padding:5px 4px 0 5px;vertical-align:bottom;height:13px;position:relative;top:-1px; }
#createEventForm input.radio, #editEventForm input.radio { display: block; clear:left; float: left; font-weight: normal; font-size: 90%; padding:0;margin: 4px 0 0 0;height:13px; }
#createEventForm small, #editEventForm small { font-size: 70%; }
#createEventForm input.yearBox, #editEventForm input.yearBox { margin: 0 5px 0 0; padding: 2px; width: 45px; font-size:12px; }
#createEventForm select#day, #editEventForm select#day { min-width:50px; }
#createEventForm select, #editEventForm select { font-size:12px; padding: 2px; color:#111; }
#continuesUntilEndDate { margin-top:-2px; }

#download input.radio { display: block; float: left; margin: 3px 2px 3px 0; padding: 0; }
#createEventForm .repeatSection input.radio, #editEventForm .repeatSection input.radio { display: block; float: left; margin: 4px 0 2px 0; padding: 0; }
form#download { margin: 5px 0; font-size: 95%; width: 100%; }
form#download h5 { color: #FFF; font-size: 140%; text-align: left; margin-left: 10px; padding: 6px 0; }
#download input.yearBox { margin: 0 5px 0 0; padding: 2px; width: 45px; font-size:12px; }
#download select { font-size:11px; padding: 2px; color:#111; }
#download select#months { color:#111; font-size:12px; min-width:110px; margin: 0 5px 0 0; padding: 2px; }
#download select#monthAndYear { color:#111; font-size:12px; margin: 0 5px 0 0; padding: 2px; }
#download select#week { color:#111; font-size:12px; margin: 0 5px 0 0; padding: 2px; }
#download select#day { color:#111; font-size:12px; margin: 0 5px 0 0; padding: 2px; }
#download select#numMonths, #download select#numDays { color:#111; font-size:12px; margin: 0 5px 0 0; padding: 2px; }
#form-bottom { float: right; font-size: 90%; }
input.pref-radio { clear: left; float:left; }
label.pref-radio { display: block; float: left; margin: 0 2px 0px 0; font-weight: 300; font-size: 90%; }
input.bc-pref { clear:left; width: 120px; margin: 0 auto; }
div.formTail{background:#F4F4F4;border:1px solid #C6C6C6;border-top:0;padding:.5em 1em 1em 1.5em;font-size:80%;height:24px;}
div.formTail input.custom{font-size:130%;position:relative;top:1px;}
div.formTail a{position:relative;top:5px;}
img#toggleImg, img#toggleImgExcel { border:0; float:left; padding: 6px 2px 0 0; }
a#options-toggle, a#options-toggle-excel{font-size:80%;display:block;text-decoration:none;float:right;padding: 4px 6px 4px 0;line-height:1.7;vertical-align:middle;}
a#options-toggle span, a#options-toggle-excel span { position:relative;top:-1px; left:3px; padding-left:2px; }
div#moreOptsToggle, div#moreOptsExcelToggle { clear:left;float:left;padding:0;width:100%;margin:10px 0 6px 0;border:1px dotted #DFCFA4;width:97%;background:#FFF8E5;border-radius:4px; }
div#moreOpts, div#moreOptsExcel {clear:left;float:left;display:block;font-size:90%;padding:0 0 9px 3%;width:97%;background:#FFF8E5;border-radius:4px;}
div#moreOptsSummary, div#moreOptsExcelSummary { clear:left;float:left; display:none; font-size:90%; color:#6a6a6a; padding: 4px 0; line-height:1.7;vertical-align:middle; margin-left:6px; }
a.toggler-excel, a.toggler { color:#333; text-decoration:none; }
a.toggler-excel:hover, a.toggler:hover { color:#111; text-decoration:underline; }

div.no-js {position: absolute; bottom: -39px; left: 0; z-index: 3000; height: 93.5%; width: 100%; background-color: #f2f2f2; padding:0;}
div.no-js p { position:relative; left:4.5%;top:10px; width:84%;margin:0; line-height:1.4; border: 1px solid #FFA5A5; background:#FFBDBD; color:#A61717; padding:9px 3%; }
	
div.repeatSection { display:none; margin-top:0px; padding: 5px 0; background: #F9F9F9; border: 1px solid #EAEAEA; }
div#repeat-none { font-size: 80%; }
p#reminderStatus { font-size: 80%; padding-top: 10px; }
div#reminderOpts { clear:left; margin-left: 0px; padding: 0; width: 99%; }
div#reminderOpts p { width:99%; height:20px; }
div#reminderOpts span.blockText { display:inline-block;height:16px;float:left;vertical-align:bottom;color:#555;font-size:95%;padding:2px 2px; }
div#reminderOpts input { padding:1px 4px; margin-left:3px; float:left;text-align:right;width:22px; }
span.remMsg { font-size:90%;color:#8D0506; }
div#timeOpts { clear:left; float:left; margin: 3px 0 0 0; display: block; }
a#repeat-toggle { font-size: 95%; vertical-align: bottom; }
a#extra-toggle { font-size: 75%; }
.custom { font-weight: 700; }
p#photo-wait { display:none; width: 97%; color: #329125; font-size: 10px; }
h1.settings { padding-bottom: 5px; border-bottom: 1px solid #8E8E8E; }
h2.settings { clear:left;float:left;width:100%;font-size:100%;color:#777;font-weight:300;padding-top:30px;margin-bottom:10px; border-bottom:1px solid #ddd; }
h2.settings b { font-weight:700; text-transform:uppercase; }
h2.settings b.go { color:#008008; }
h2.settings b.stop { color:#A30000; }
table#repeatOpts { clear: left; float: left; margin: 5px 0 15px 0; font-size: 110%; width: 100%; line-height: 1.3em; background: #FFFFFF; border: 1px solid #fff; }
table#repeatOpts td { padding:1px 2px 1px 1px; text-align: center; border: 1px solid #fff; vertical-align: top; }
table#repeatOpts td label.radio { font-size:100%; }
table#repeatOpts td select { font-size:105%; margin-top:2px; }
table#repeatOpts td.repeatsSectionHeader { padding-top:15px;padding-bottom:0; }
table#repeatOpts td.repeatsSectionHeader label { font-weight:700; color:#999; }
#exception-msg {display:none; font-size:85%;color:#666;clear:left;float:left;margin:15px 0 0 0;width:99%; padding: 4px .5%; border:1px solid #FFFF80;background:#FFFFCC; }
.instance-msg {display:none; font-size:85%;color:#666;float:left;margin:0;width:52%; padding: 4px .5%; border:1px solid #FFFF80;background:#FFFFCC; }
.exceptions-kept-text, .exceptions-lost-text { display:none; }

/* - - - - General - - - - - - - - - - */

.right { text-align: right; }
.feedback { clear: left; }
.mid { clear: left; display: block; width: 80%; margin: 0 auto 10px auto; text-align: center; }
.sub { font-weight: normal; line-height: 1.3em; }
#content .sub { font-size: 90%; font-family: Tahoma, sans-serif; }

.subscribe-info{font-size:100%;float:left;width:377px;padding:12px 9px;margin:13px 0;}
.subscribe-info h5 { font-size: 100%; color: #000; line-height: 1.3em; }
.subscribe-info p strong { font-size: 110%; color: #D8171E; }
.subscribe-info p { font-size: 90%; }
ul.bullets { font: normal 85% Verdana, sans-serif; width: 88%; padding-left: 8px; }
ul.bullets b { font-weight: 700; color: #3D8337; }
ul.bullets li { text-align: left; list-style: disc url(/printables/pages/images/bullet.gif) outside; margin-left: 1em; text-indent: 0; vertical-align: middle;}
ul.bullets small { display: inline; font-size: 90%; color:#444; }
#textOnly p { margin: 7px 0; }
#content p { margin: 5px 0 12px 0; }
p.confirmPlan { padding: 7px; width: 390px; margin-top: 10px; }
span.note { display: block; margin: 0 0 13px 0; font-size: 100%; padding: 5px; font-family: Arial; }
span.new { font-size: 85%; font-weight: bold; position: relative; top: -4px; left: 0; }
span.new2 { color: #C60000; position:relative; top:-5px;left:0; font-weight: 300; font-size: 9px; }
span.light {color:#777; }
th small { line-height: 1.1em; }
div.bq { margin: 0 0 .5em 1.5em; clear:left; float: left; width: 87%; }
.mail-list { clear:left; padding: 8px; width: 87%; margin: 20px 0; font-size: 100%; line-height: 1.3em; }
.mail-list strong { line-height: 1em; }
h1.index, h2.index, h3.index { clear:left; padding: 0 0 6px 0; font: normal 170% Verdana, sans-serif; color: #000000; border-bottom: 1px solid #ABABAB; margin-bottom: 10px; text-align:left; }
h2.index { padding-top:15px; }
h1.landing { clear: both; color: #061E3E; font-size:220%;font-family: Verdana, sans-serif; padding: 0 0 5px 0; margin: 12px 0 23px 0; font-weight: 300; line-height: 1.1em; }
h1.bigHeader, h2.bigHeader { font-family: Verdana, sans-serif; clear: both; margin: 0 0 10px 0; font-size: 200%; font-weight: 300; line-height: 1em; }
h2.attn { clear:left; padding: 20px 0 0 0; font: normal 170% Verdana, sans-serif; color: #222; margin-bottom:0; text-align:left; }
div#freeFormIntro { top:0;left:-7px; position:absolute;background:#eee;background:#E3EBF6;text-shadow: 0 1px 0 #ffffff;top:22px;left:0; margin: 5px 0 8px 0; padding: 8px 0 9px 0; font-size: 85%; color:#1F1F1F; line-height: 1.3em; border-top:1px solid #D3DEF0; border-bottom:1px solid #D3DEF0; }
div#freeFormIntro p { clear:left;margin:0 4%; width:92%; color:#333; }

span.gopro, span.gopro a { position:relative;top:-2px;color:#666; cursor:pointer; }

#quickStart { font-size: 90%; line-height: 1.5em; }
#quickStart h1 { font-family: Verdana, sans-serif; color: #061E3E; font-size: 180%; font-weight: 300; padding: 0 0 7px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ABABAB; }
#quickStart h2 { font-family: Verdana, sans-serif; clear: both; float:left; width: 100%; margin-top: 20px; font-size: 120%; font-weight: 700; padding-top: 0; line-height: 1em; }
#quickStart b { color: #222; }
#quickStart div.previous { float: left; width: 300px; margin-top: 15px; }
#quickStart div.previous a, #quickStart div.next a { font-weight: 700; font-size: 120%; }
#quickStart div.next { float: right; width: 300px; text-align: right; margin-top: 15px; }
#quickStart ul { line-height: 1.4em; }


#fixed h5 { margin: 10px 0 0 0; font: bold 150% Verdana, sans-serif; color: #111; }
div.sealsRow { clear: left; width: 700px; margin: 0 auto; }
#wide p, #fixed p { margin-bottom: 10px; }
h1 span { font-size: 70%; font-weight: 300; }
div#share { clear: left; float:left; width: 97%; background: #FFF8E5; border: 3px solid #DAE1E8; padding: 8px; margin: 0 0 40px 0; }
div#share ul li { float:left; display:block; padding: 0 0 0 15px; }
div#share ul li a { background-position: 0 4px; background-repeat: no-repeat; display: block; float: left; height: 24px; padding: 4px 0 0 20px; vertical-align: middle; }
.popBoxImageSmall { cursor: url(/printables/pages/images/magplus.cur), pointer; }
.popBoxImageLarge { cursor: url(/printables/pages/images/magminus.cur), pointer; }

ul#customHols { float:left; width: 95%; list-style-type: none; }
ul#customHols li { clear:left; display:block; line-height: 1.4em; text-align: left; list-style-type: none; padding: 3px 0;}
ul#customHols li a { font-size: 80%; }
ul#customHols li strong { font-size: 95%; color: #333; }
ul#customHols li em { color: #666; font-style: italic; }
ul#customHols li i { font-size: 85%; color: #555; }
ul#customHols li i a { font-size: 90%; color: #29A037; }
ul#customHols li b a { text-decoration: none; font-size: 100%; color: #333;  }
h2.feature { font-size: 14px; font-weight: 700; margin-bottom: 2px; color: #000000; }
h2.feature-new { font-size: 14px; font-weight: 700; margin-bottom: 2px; color: #555555; }
div.f-block { float:left;width:100%;padding: 7px 0;line-height:1.5em; }
div.f-block img { float:left; }
div.f-alt { background:#FFF8E5; border-bottom: 1px solid #C1C1C1; border-top: 1px solid #C1C1C1; }
div.f-descr { float:right;width:455px; font-size: 100%; margin-right: 5px; }
div.f-descr p { margin-top:0; }
div.f-new { float:right;width:420px; margin-right: 5px; }

h3.help { float:left; font-size: 110%; text-align:left; font-weight: 700; margin: 5px 0 0 0; padding-bottom: 1px; color: #000000; }
#formContent form { width: 100%; }
form#download #scheduleName { clear:none; margin:0; max-width:200px; }
#form #content h1 { clear:left; font-size: 150%; padding: 0 0 7px 0; margin-bottom: 3px; width: 100%; border-bottom: 1px solid #BBBBBB; }
#form p.form-intro { padding: 0 0 12px 0; margin: 0; color: #555; font-size: 85%; width: 99%; }
#back-arrow, #forward-arrow { padding: 10px; margin-top: 15px; border: 1px solid #EEE; border-right: 0; border-left: 0; background: #FFFCEC; color: #CCC; font-size: 110%; font-weight: 700; }
#back-arrow { float:left; text-align: left; }
#forward-arrow { float:right; text-align: right; }
#back-arrow a, #forward-arrow a { text-decoration: none; color: #658EBA; }
#back-arrow a:hover, #forward-arrow a:hover { text-decoration: underline; color: #000; }

#designs-bar { clear:left;padding: 6px 0; width: 100%;border: 1px solid #C5D8EC;border-left:0;border-right:0;background: #EFF3F5; }
#landing-form { float:right;position:relative;top:-17px;left:1px;z-index:1;width: 280px;margin:20px 0 0 0;border: 1px solid #E2E2E2;border-right:0;background:#F5F5F5; }
.design-on { border: 3px solid #658EBA; }
.design-off { border: 3px solid #EFF3F5; }
#design-1, #design-2, #design-3, #design-4, #design-5, #design-6 { display:none; }

#download label.radio { display: block; float: left; font-weight: normal; margin-right: 5px; font-size: 11px; }
#download input.radio { display: block; float: left; margin: 2px 2px 0px 0; position:relative; top:2px; }
form#download { margin-bottom: 5px; font-size: 90%; }
form#download fieldset { border-top-left-radius: 4px; border-top-right-radius: 4px; }
form#download label { font-family: Verdana,Arial,sans-serif; }
#form-bottom { float: right; font-size: 90%; }
input.pref-radio { clear: left; float:left; }
label.pref-radio { display: block; float: left; margin: 0 2px 0px 0; font-weight: 300; font-size: 90%; }
input.bc-pref { clear:left; width: 120px; margin: 0 auto; }
div.formTail { background: #F4F4F4;border:1px solid #C6C6C6; border-top: 0;padding: .5em 1em 1em 1.5em; }
.custom { font-weight: 700; }

table.pricing { clear: left; font-size: 100%; width: 510px; line-height: 1.2em; margin: 28px auto 12px auto; color: #222222; background: #FFFFFF; border: 3px solid #DAE1E8; }
table.pricing td { padding: 4px 5px; text-align: center; border: 1px solid #DAE1E8; }
table.pricing th { padding: 8px 5px; font-weight: 700; font-size: 100%; text-align: center; background: #F9F9F9; border: 1px solid #DAE1E8; color: #111111; }
table.pricing th a.call { display: block; clear: left; padding: 4px 0 5px 0; text-align: center; font-weight: 700; }
table.pricing th a:hover.call { color: #46C433; }
table.pricing td.head { padding:7px 0; }
table.pricing td.head strong { font-size: 120%;color: #333; }
table.pricing h4 { display: block; padding-top: 6px; font-size: 110%; font-weight: bold; text-align: center; color: #000000; }
table.pricing h4 small { display: block; font-size: 90%; font-weight: 300; text-align: center; padding-top: 0; color: #111111;}

table.signup { clear: left; float: left; line-height: 1.2em; font-size: 90%; border: 2px solid #D8D8D8; width: 100%; color:#222; }
table#accountTable { width: 95%; }
table.signup td { padding: 6px 0 6px 2px; text-align: left; }
table.signup small { clear:left; }
table#featuresTable td { padding: 5px 4px; text-align: center; border: 1px solid #D8D8D8; font-size: 100%; }
table#featuresTable td.f { text-align: left; padding-left:8px; }
table.signup th { padding: 5px 4px; font-weight: 700; font-size: 110%; text-align: left; border-bottom: 1px solid #D8D8D8; background: #EFEFEF; }
table#featuresTable th { padding: 5px 4px; text-align: center; }
table#featuresTable th span { font-weight: 300; font-size: 60%; }
table.signup td label { float:left; padding:0 0 3px 0; margin:0; font-weight: 700; }
table.signup td input { clear:left; float:left; margin: 0; }
table.signup td p { padding: 4px 0 0 0; color: #333; }
table.signup td img { border:0; }
table#accountTable td small { clear:left; font-size:80%; }
table#accountTable label { text-align: left; margin-top: 4px; width: 96%; }
table#accountTable input.stretch{ font-size: 13px; padding: 3px 2px; width: 230px; }
h1.signupIntro { font-size:120%;font-weight: 700; margin: 4px 0 22px 54px; line-height: 1.2em; }

table#multiSignup { clear: left; float: left; line-height: 1.2em; font-size: 115%; border: 0px dotted #D8D8D8; width: 556px; color:#222; margin:10px 0 0 6px; font-family:Helvetica,Arial,sans-serif; }
table#multiSignup th { padding: 20px 0 20px 20px; font-size: 130%; background: #D2D2D2; text-align: left; }
table#multiSignup th span { display:block;clear:left;padding-top:8px;font-size: 100%; font-weight: 300; color:#333333; }
table#multiSignup td { padding: 12px 0 6px 20px; text-align: left; font-size: 90%; color:#666666; }
table#multiSignup td  a { font-size: 120%; }
span.highlight { background:#FEFAC0; padding: 4px; }

table#subscriberBenefits { clear:left; float:left; margin: 5px 0; width: 99%; }
table#subscriberBenefits td { padding: 10px 0; border: 1px solid #DDDDDD; }
table#subscriberBenefits ul { font-size:100%;font-weight:700;margin:10px 0 20px 0;padding:0;width: 95%;color:#000;font-family: Helvetica,Arial,sans-serif; }
table#subscriberBenefits ul li { text-align: left; line-height: 1.3em; list-style: disc outside; margin-left: 35px; text-indent: 3px; vertical-align: middle;}

div.narrowP { width: 90%; clear:left; float:left; margin: 14px 0 0 0; }

input#continue { clear:left; float:left; width: 150px; margin: 0 auto; padding: 3px 5px; font-size: 120%; overflow: visible; }
.stretch { clear:left; width: 95%; font-size: 13px; background: #F4F7F9; border: 1px solid #658EBA; }
.huge { clear:left; width: 98%; font-size: 20px; padding: 1px; background: #F4F7F9; border: 1px solid #658EBA; }

form#createAcct { clear:left; width: 650px; margin-left: 54px; }
form#createAcct  table.signup td{ padding: 8px 10px 2px 20px; }

form#createAcctHuge { clear:left; width: 350px; margin-left: 10px; }
form#createAcctHuge table.signup { border:0; }
form#createAcctHuge  table.signup td { padding: 6px 0 15px 0; }
form#createAcctHuge label { color:#555; font-weight:300; margin: 9px 0 3px 0; font-size: 170%; font-family:Helvetica,Arial,sans-serif; }
form#createAcctHuge small { font-size: 115%; padding-top:3px; color:#555; font-family:Helvetica,Arial,sans-serif; }
#footer img{border:0;float:left;position:relative;top:-30px;left:-1000px;display:none;}

#msnAlert { clear:left; float:left; width:96%; margin: 20px 2% 10px 2%; padding:7px 0 10px 0; background: #F8EDED; color:#4A0B0B; border: 2px solid #D99696; }
#msnAlert p { clear:left; float:left; width:96%; font-size:95%; color:#444; margin: 6px 2%; line-height:1.4;  }
#msnAlert b { font-size:120%; color:#222; }



div#pricingContainer {clear:left; width: 665px; margin:25px auto; text-align:left; font-size:110%; line-height:1.4; border:0px solid #000; }
.priceBox { padding: 12px 21px; border: 1px solid #999; width: 177px; float:left; background:#fff; }
.priceBox  h3 { font-weight:700; color:#111; font-size:150%; text-align: center; padding:0;margin:0; }
.priceBox ul { margin-top:10px; }
.priceBox p { text-align:center; }
div#pricingContainer p.details { clear:left; float:none; margin: 0 auto; width:500px; padding-top: 10px; font-weight:300; color:#555; font-size:100%; text-align:center; }
.priceBox span { position:relative; top:-7px; font-size:90%; color:#666; }
.priceBox strong { font-weight:300; font-size:140%; line-height:1em; display: inline-block; width:98%; text-align:center; padding: 0 1px; color:#444; }
.priceBox a { text-decoration: underline; }
.priceBox a:hover { text-decoration: none; }
.priceBox.long { border-top-left-radius:6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-right:0; border-bottom-left-radius:6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.priceBox.short { border-top-right-radius:6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-left:0; border-bottom-right-radius:6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.priceBox.long h3, .priceBox.short h3 { color:#444; }
.priceBox.long, .priceBox.short { position:relative;top:15px; background:#f7f7f7;}
.priceBox.middle { font-size:110%; border: 3px solid #3766B6; padding-bottom: 20px; background:#fff; }
.priceBox.middle strong { color:#111; }
.priceBox p.smallsub { padding:0; margin:0; color:#777; position:relative;top:-4px; font-size:70%; text-align:center; }
.priceBox p.planEnd { padding:2px 0 0 0; margin:0; text-align:center; }
.priceBox p.planEnd span { padding:0; margin:0; color:#222; font-size:90%; }
.priceBox.long p.planEnd span, .priceBox.short p.planEnd span { color:#444; }
.priceBox.middle p.planEnd { position:relative;top:-2px; }
.priceBox a.headliner { text-decoration:none; clear:left;display:block;font-size: 14px;padding: 10px 4px;margin:0 auto;width:120px; }
.priceBox a:hover.headliner { background:#84B94A; }
#plan1EndText,#plan2EndText, #plan3EndText { display:none; }

.pricing-cta { text-align:center; padding-top:30px; }
.pricing-cta a, .cta-block a { font-weight:700; font-size:130%; text-decoration: underline; }
.pricing-cta a:hover, .cta-block a:hover { text-decoration: none; }
.cta-block a { font-size: 18px; }

div.accessCta { width:400px; color:#444; background:#FEF6D2; border:1px solid #EFE3AE; padding:10px 0; margin-top:20px; border-radius:4px; }
div.accessCta p { float:none; clear:left; width:88%; margin:0 6%; font-size:90%; }

.topPad { padding-top:15px; }
div.pageBreak { clear:left;float:left;width:100%;height:1px; background:#ccc; }
div.bottomPad { margin-bottom:25px; }
p.sectionDesc { color:#555; font-size:110%; line-height:1.4; }


.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav li + .nav-header {
  margin-top: 9px;
}


.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}




[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/printables/pages/images/glyphicons-halflings-gray.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  opacity: 0.7; filter: alpha(opacity=70); 
}
[class^="icon-"]:hover,
[class*=" icon-"]:hover,
a:hover [class^="icon-"],
a:hover [class*=" icon-"]  {
  opacity: 1.0; filter: alpha(opacity=100); 
}

a.active [class^="icon-"],
a.active [class*=" icon-"]  {
  background-image: url("/printables/pages/images/glyphicons-halflings-active.png");
  opacity: 1.0; filter: alpha(opacity=100);
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-pdf-excel {
  margin:0 0 0 4px;
  background-position: -240px 0;
  background-position: -96px -72px;
  text-decoration:none;
}
.icon-excel-only {	
  margin:0 0 0 4px;
  background-position: -216px 0;
  text-decoration:none;
}
h3.cal a span.icon-pdf-excel {
  margin:2px 4px 0 0;
}

#categoryContent h3.cal a span.pdf-excel {
  display:inline-block;
  margin:0 0 0 7px;
  width:63px;
  height:14px;
  background-image: url("/printables/pages/images/pdf-excel.jpg");
  background-position: 0px 0;
  background-repeat: no-repeat;
  position:relative;
  top:1px;
  cursor:pointer;
}

#sideNav span.pdf-excel, #related span.pdf-excel {
  margin:4px 0 0 8px;
  text-decoration:none;
}

span:hover.pdf-excel {
  text-decoration:none;
  cursor:default;
}

#form #content #formatOptions { clear:left;float:left;width:100%;padding:0; }
#form #content #formatOptions ul { clear:left;float:left;width:100%;margin:0;padding:0; }
#form #content #formatOptions ul, #form #content #formatOptions ul li { padding:0;margin-right:4px;list-style-type: none; }
#form #content #formatOptions ul li a { margin:0;font-size:90%; text-decoration: none; }

#pdfForm, #excelForm { clear:left;float:left;margin-top:15px; }

#excelContent {  }


input[type="color"] {
  padding: 0 2px;
-webkit-appearance: square-button;
width: 40px;
height: 18px;
}


.ui-timepicker-list {
	overflow-y: auto;
	height: 150px;
	width: 7.2em;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
}

.ui-timepicker-list.ui-timepicker-with-duration {
	width: 11em;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list:hover .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

 #ui-datepicker-div { -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none; padding: .2em .6em; }


.dropShadow, .ui-dialog {
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 12px;  
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 15px;
}
.ui-dialog, .ui-widget, .ui-front, .ui-widget-content { padding:0; margin:0; }
.dropShadow { background-color: #ccc; }
.ui-dialog-titlebar { border:0; border-bottom: 1px solid #BBB; background:#f3f3f3; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-top-right-radius:8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius:8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; }
span.ui-dialog-title { padding: 10px 0; font: bold 15px "Lucida Sans Unicode", "Trebuchet MS", georgia, serif; }


#modalDialog { padding:0;margin:0;font-size: 90%; -moz-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
#ui-dialog-content { padding: 5px 1.5em; margin: 0; }
.ui-widget-overlay { background:transparent; background-color: #EEE; opacity: 0.5; -moz-opacity:0.5; filter: alpha(opacity=0.5); }
.ui-dialog {
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 8px;  
  -webkit-border-radius: 8px;
  padding: 0px;
  font: normal 100% Verdana, Tahoma, helvetica, sans-serif;
}
.ui-dialog-titlebar { border:0; font-size:1em; border-bottom: 1px solid #BBB; background:#f3f3f3; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-top-right-radius:8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius:8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; }
.ui-dialog-buttonpane { padding:0; font-family: Arial,helvetica,sans-serif; background:#fff; border-top:0; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom-right-radius:8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius:8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix { margin-top:0; }
.ui-dialog-buttonpane button { }

.cq_series_dialog { display:none; }
.cq_series_dialog p { margin-top:22px; text-align:left; clear:none; float:left;color:#333; width:71%; }
.cq_series_dialog button { clear:left;float:left; margin-top:12px; padding-top:5px;padding-bottom:5px; width:120px; }
.cq_series_dialog .seriesAction { margin-right:20px; font-weight:700; }
input.save-event-create, input.save-event-edit { padding: 3px 5px; }