/* UI */

.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{content:"";display:table;}
.ui-helper-clearfix:after{clear:both;}
.ui-helper-clearfix{zoom:1;}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}
.ui-state-disabled{cursor:default !important;}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.ui-widget-header{color:#ffffff;font-weight:bold;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid transparent;background:#f6f6f6;font-weight:bold;color:#1c94c4;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#1c94c4;text-decoration:none;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{color:#ffffff;cursor:pointer}

.ui-state-hover a, .ui-state-hover a:hover{color:#c77405;text-decoration:none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #none;font-weight:bold;color:#eb8f00;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#eb8f00;text-decoration:none;}
.ui-widget:active{outline:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#aaaaaa;color:#363636;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900;color:#ffffff;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:#ffffff;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:#ffffff;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:bold;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:.3;filter:Alpha(Opacity=30);background-image:none;}
.ui-icon{width:16px;height:16px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.ui-widget-overlay{background:#666666;opacity:.50;filter:Alpha(Opacity=50);}
.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000000) 50% 50% repeat-x;opacity:.20;filter:Alpha(Opacity=20);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.ui-dialog{position:absolute;padding:.2em;overflow:hidden;}
.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;} 
.ui-dialog .ui-dialog-title{float:left;margin:.1em 26px .1em 0;font-size:18px;color:#f3f3f3;text-shadow:0 1px 1px rgba(0,0,0,0.5)}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:27px;margin:-10px 0 0 0;height:27px;background:transparent url("../images/close.png") no-repeat;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

.ui-dialog .ui-dialog-titlebar-close span{display:none;}
.ui-dialog .ui-dialog-titlebar-close {color:transparent!important;box-shadow:none;border:none}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{opacity:0.5;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;}
.ui-tabs{position:relative;padding:.2em;zoom:1;}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0 !important;padding:0;white-space:nowrap;}
.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:0px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}
.ui-tabs .ui-tabs-hide{display:none !important;}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;background:rgba(255,255,255,0.95);z-index:90!important}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;;background:rgba(0,0,0,0.4)}
.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;}
.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%;font-size:0em;}
.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;}
.ui-datepicker-cover{position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px;}

.ui-icon-circle-triangle-e{background:transparent url("../images/arrow-right.png") repeat 0 0}
.ui-icon-circle-triangle-w{background:transparent url("../images/arrow-left.png") repeat 0 0}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-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;
	margin: 0;
}

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

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.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 .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-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}




/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	Xborder: 1px solid #c5c5c5;
	Xbackground: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	Xborder: 1px solid #cccccc;
	Xbackground: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	sborder: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}



/* All */

HTML{height:100%;font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
BODY,.dialog,.ui-widget{font-family:"Roboto","Arial","sans-serif"!important}
BODY{font-size:14px;height:100%;background:#F4F4F4 url(../images/pattern.png) repeat 0 0;margin:0;padding:0;line-height:170%}
INPUT[type=text],INPUT[type=password],SELECT,TEXTAREA{color:#333;border:none}
INPUT,SELECT,TEXTAREA,.aptdiv{padding:6px;}
TABLE TD{vertical-align:top;text-align:left}
TABLE TH{vertical-align:bottom;text-align:left}
.twocols,.threecols{-moz-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;}
.sup,sub{font-size:50%}
.hometable UL{padding-left:5px;}
.hometable LI{padding-bottom:15px;}
PRE{padding:10px;background:#FFF}
A{color:#3bb3e0;text-shadow:none;text-decoration:none;font-weight:bold;white-space:nowrap}
A:hover{text-decoration:underline;opacity:0.75}
.dlg A,.ui-dialog A{font-weight:bold;color:rgb(255,255,255);text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.2)}
.dlg A:hover,.ui-dialog A:hover{text-decoration:underline}
H1,H2,H3,H4{font-family:"Trebuchet MS";line-height:100%}
.ntask,.bpanel,.dlg A,.ui-dialog A,.strip{font-family:"Trebuchet MS";font-size:16px;padding:10px 0px}
.oneoff IMG{width:32px;height:32px;position:relative;top:-5px}
#indexout{background-color:#321D30}
H1{color:#777777;font-weight:400;font-size:40px;text-shadow:0 -1px 1px rgba(0,0,0,0.9), 0 1px 1px rgba(255,255,255,0.9);margin:5px 0 0;padding:15px 7px 10px}
H1 IMG{opacity:0.9;float:right}
H1 A{color:#3bb3e0}
H1 A:hover{color:#4FC1EA;text-decoration:none}
H1.indextitle{color:#FFF;text-shadow:1px 1px 1px rgba(0,0,0,0.9);font-size:45px;padding-left:0px}
.subtitle{color:#EEE;text-shadow:1px 1px 8px rgba(0,0,0,0.9);font-size:22px;font-weight:normal}
.benefits{background:rgba(255,255,255,0.85);padding:10px;font-size:16px;}
.benefits LI {padding:5px}

#signup .dialog {max-width:550px}
.optout{background-color:#FAA}
#settings .dialog span.exampletext{white-space:normal}
.titlesub{color:#939393;font-size:24px;padding-left:42px;margin-bottom:10px}
.separatorbar{clear:both;margin-bottom:10px;height:1px;border-bottom:1px solid rgba(255,255,255,0.7);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);padding:0}
.signout{margin-right:10px;margin-top:7px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border-top:1px solid rgba(255,255,255,0.3);border-left:1px solid rgba(255,255,255,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.7);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.7);box-shadow:0 1px 1px rgba(0,0,0,0.7);padding:3px}
.signout:hover{background-color:rgba(255,255,255,0.1)}
.dlg{display:none}
.signouttext A{background:rgba(255,255,255,0.1);margin-right:0!important;padding-left:5px!important;padding-right:5px!important;padding-top:8px!important;height:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
H3{font-weight:400;font-size:25px;color:#666;margin-bottom:5px;margin-top:5px}
H4{font-size:20px}
.dialog H4{font-size:20px;margin-top:5px;margin-bottom:5px;text-shadow:0 1px 1px #FAFAFA}

.elementstable{float:right;margin:30px}

.calctable TD{padding:10px;vertical-align:middle}

#textappointmentreminders A{white-space:normal}

#breadcrumbs{margin-top:16px;color:#FFF;margin-bottom:15px}
.linksonbackground{background:rgba(0,0,0,0.06);padding:6px}
.mainpaper A{background:none}
.redtext{color:#E22}
.balancetext{font-size:250%;text-shadow:0 -1px 1px rgba(0,0,0,0.6), 0 1px 1px rgba(255,255,255,0.6)}
.signin A{margin-right:5px}
.sib{float:right;position:relative;margin-top:8px}

.indbot {font-size:350%;color:rgba(0,0,0,0.3);text-align:center;line-height:130%}
.signedinimage IMG{width:32px;height:32px;background-color:#FFF}
.linksmall A{font-size:11px!important;margin-top:10px}
#menubar{z-index:81;background:#FFF;position:relative}
#menubar .signedinimage A{margin:0;padding:0}
#menubar A{color:#FFF;xtext-shadow:0 1px 0 rgba(0,0,0,0.3);float:left;color:#FFF;padding-top:3px;padding-bottom:2px}
#menubar .username A{color:#DDD;font-weight:normal}
#menubar .selected a:hover{text-decoration:none}
#menubar .strip{border-left:1px solid #899DA3;border-bottom:1px solid #229;border-right:1px solid #229;margin:0 15px 30px 0;padding:0 15px 10px 15px;background:#315F6E url(../images/topbar.png) repeat 0 0;-webkit-border-bottom-left-radius:.9em;-moz-border-bottom-left-radius:.9em;border-bottom-left-radius:.9em;-webkit-border-bottom-right-radius:.9em;-moz-border-bottom-right-radius:.9em;border-bottom-right-radius:.9em;-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)}
#menubar .strip A{cfont-size:14px;margin-top:15px}
#menubar #simg{margin-left:8px}
#menubar .stripmain {position:relative;bottom:-42px;font-size:16px;z-index:82} 
#menubar .stripmain A {font-weight:bold;color:#000;margin-top:10px;}
#menubar .stripmain .indlink DIV A {line-height:120%;float:none;font-size:12px;}

#menubar .stripmain  .Xselected {padding:12px;padding-top:2px;border:1px solid #CCC;border-bottom:none;border-top:1px solid rgba(0,0,0,0.3);background:#F4F4F4 url(../images/pattern.png) repeat 0 0;-webkit-border-top-left-radius:.5em;-moz-border-top-left-radius:.5em;border-top-left-radius:.5em;-webkit-border-top-right-radius:.5em;-moz-border-top-right-radius:.5em;border-top-right-radius:.5em;}
#menubar .homelogo{padding:4px 10px 0 4px}
#menubar.signedin .homelogo{height:30px}

.topupwarning{background-color:#FCC;border:1px solid #FFF;border-top:none;padding:6px}
.indlink div {
  padding: 10px;
  position: absolute;
  top: 38px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  background:#fff;
  
}
.indlink div a {display:block;float:none}

.indlink:hover div {
  display: block;
  opacity: 1;
  visibility: visible;
  
}



.usernamediv{font-size:14px}

.menubottom{height:1px;background:#FFF;border-top:1px solid #AAA;}

#lastsigninicon{position:relative;top:-5px}
#lastsigninlink{text-decoration:none}
.signwith IMG {margin-right:5px;vertical-align:middle}

#searchdiv{float:right}
#searchdiv INPUT[type=submit]{font-size:14px}
#searchdiv INPUT[type=text]{padding:4px;}

#topmessage{font-size:20px}

.tabdiv .dialog {min-height:150px;margin:0px;float:none}


.nicebutton {
	font-size:20px;
	white-space:normal;
	-webkit-appearance:none;zoom:1;display:inline;vertical-align:baseline;outline:none;cursor:pointer;
	color:#FCFCFC;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2);font-size:21px;padding:13px 30px;font-weight:bold;
	border:none;
	background-color:#3bb3e0;
	font-family: 'Trebuchet MS', sans-serif;
	text-decoration:none;
	position:relative;
	padding:10px 20px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785, 4px 4px 5px #555;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785, 4px 4px 5px #555;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785, 4px 4px 5px #555;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785, 4px 4px 5px #555;
}

.nicebutton:hover {
background:#2ab7ec;
}
.nicebutton:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 1px 4px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 1px 4px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 1px 4px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 1px 4px 3px #999;
}

.disabled{cursor:default;opacity:0.3}

.indextable  TD {max-width:250px;padding:50px;padding-top:0px;background:#FFF;background-color:rgba(255,255,255,0.9);border:1px solid #CCC}

.indextable TH{vertical-align:middle;font-size:20px;text-align:center;color:#315F6E}

.indextable  .introstep{text-align:left;margin-top:15px}
.indextable .stepall {position:relative;}
.indextable .stepall H2 {font-size:24px}

.stepnum{position:absolute;width:28px;height:28px;left:85px;top:-36px;border:2px solid #FFF;color:#FFF;background:#315F6E;font-size:22px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
.stepnum SPAN{position:relative;left:8px}

.indextable  TD.sthere {max-width:55px;padding:0px;background:none;border:none}
.starthere{position:relative;top:130px;z-index:90}
.nextstep{position:relative;top:120px;left:-10px;z-index:90}

.homemain .indextable TD{padding:20px;background-color:rgba(255,255,255,0.7)}

.homebottom{background:#FAFAFA;-webkit-box-shadow:5px 5px 6px rgba(0,0,0,0.3);-moz-box-shadow:5px 5px 6px rgba(0,0,0,0.3);box-shadow:5px 5px 6px rgba(0,0,0,0.3);}

.ntask span{font-weight:bold;color:#F70;}

.username SPAN A {color:#000!important;text-shadow:none;font-weight:normal}

.monthlybox{padding:20px;background:#FFF;background-color:rgba(255,255,255,0.9);border:1px solid #CCC}
.monthlybox H2{margin-bottom:10px}

.doublesize{font-size:200%}
.triplesize{font-size:350%}
.largersize{font-size:150%}
.halfsize{font-size:60%}
.sgin{font-size:22px}
.ownership{font-size:11px}

.article{padding:10px;margin-left:auto;margin-right:auto;}

.quoteright{float:right;margin:40px 10px 40px 40px;width:260px;font-size:20px;line-height:180%}
.quoteright SPAN{font-weight:bold;font-family:serif}
.tick{color:#A3D85E;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,0.5)}
.redtick{color:#E65314;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,0.5)}
.closebutton{position:absolute;right:-7px;top:-8px}
.smallbutton,.qq-upload-button{font-size:16px!important !important;margin:2px!important;padding:5px 15px!important}
.verysmallbutton{font-size:13px!important;padding:3px!important}

.tinybutton{padding:1px 5px 1px 5px!important;margin:1px !important;font-size:14px}
#navigationdiv A:hover{text-decoration:none!important;}


.homelogo IMG:hover{background:rgba(255,255,255,0.1)}
IMG{border:none;margin:0;padding:0}

.homebanner{padding:10px}

.backlink{padding:10px;}

.mainwrapper{position:relative;overflow:hidden;background:none;margin-left:auto;margin-right:auto;color:#333;z-index:0}
.homemain{position:relative;margin-left:auto;margin-right:auto;overflow:hidden}
.homeib .infobox{min-height:170px}
#homeimage{position:absolute;left:0px;top:70px;display:none;background:#FFF}

#homemainoverlay{position:absolute;top:0px;left:0px}

.indexbox {color:#0085B9;text-shadow:0 -1px 1px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);}
.maininner{min-height:400px;padding:5px 10px 10px}
.mainpaper{background:rgb(255,255,255);background-color:rgba(255,255,255,0.7);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;padding:10px}
.mainpaper,.searchmini{border-bottom:1px solid rgba(255,255,255,0.5);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);}

.cta{float:right;margin:15px}


.infobackdrop{background:rgb(220,220,220);background-color:rgba(255,255,255,0.6)}
.Xinfopaperouter{
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 -2px 0 rgba(0,0,0,.5), 0 -3px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.5);
    box-shadow: -1px -1px 0 #999,1px 1px 0 #FFF;
}

.infopaper{font-size:15px;padding:20px;
border:1px solid #eee;
Xborder-left:1px solid #FFF;Xborder-top:1px solid #FFF;
background:#F9F9F9;
line-height:200%;
}

.explainer P,.explainer UL{max-width:550px;font-size:16px;margin-left:auto;margin-right:auto}
 
H2 {font-size:30px;text-shadow:0 -1px 1px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);margin:2px}
.infopaper A{font-weight:700}
.infopaper LI{margin-bottom:10px}
.infopaper H2 IMG{padding:20px}
.hdrimg{width:64px;position:relative;top:12px}
.qleft,.qright{font-family:"Garamond","serif";color:#AAA;font-size:80px;line-height:36px}
.qright{vertical-align:bottom;}
.qmain{font-size:18px;}
.lg{font-weight:700;font-size:150%}

.miniben{display:none}
.imgright{float:right;border:1px solid #AAA;margin:10px}
.outmessage{display:none;position:fixed;top:15%;width:40%;z-index:9998;background:rgba(255,255,0,0.95);color:#000;left:30%;right:30%;font-size:16px;text-align:center;-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.7);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.7);box-shadow:0 3px 3px rgba(0,0,0,0.7);padding:10px}
.datatablediv{aoverflow:auto}
.datatable{border-collapse:collapse}
.datatable TD{vertical-align:middle}
#standardtable TBODY TD {background:#FFF}
#standardtable  TD{padding:5px 10px 5px 10px;border:1px solid #AAA}
#standardtable TH{text-align:center;font-size:14px}
#!!standardtable TBODY TR:hover{background:#FDFDFD}
.ralign TD{text-align:right}

#resultsconsole{min-width:60%}

.remindercomp{border-collapse:collapse}
.remindercomp TH{text-align:left}
.remindercomp TBODY {background:#FFF}
.remindercomp  TD{padding:10px;border:1px solid #AAA}

.notd{border:none !important;background:transparent!important;}
.errorcell{border:2px solid #F44;margin-left:2px}
.simpleerror{border:1px solid #F44;;padding:3px;margin:2px;background:rgba(255,100,100,0.4)}
.noaccount{margin:-5px 0 0}
.indexbox{text-shadow:0 1px 1px rgba(255,255,255,0.6);}
.leftpad10{padding-left:10px}
.curvededges{-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em}
.smallcurvededges{-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}
.curvededgesbottom{-webkit-border-bottom-left-radius:.5em;-moz-border-bottom-left-radius:.5em;border-bottom-left-radius:.5em;-webkit-border-bottom-right-radius:.5em;-moz-border-bottom-right-radius:.5em;border-bottom-right-radius:.5em}
.curvededgestop{-webkit-border-top-left-radius:.5em;-moz-border-top-left-radius:.5em;border-top-left-radius:.5em;-webkit-border-top-right-radius:.5em;-moz-border-top-right-radius:.5em;border-top-right-radius:.5em}
.curvededgesleft{-webkit-border-bottom-left-radius:.5em;-moz-border-bottom-left-radius:.5em;border-bottom-left-radius:.5em;-webkit-border-top-left-radius:.5em;-moz-border-top-left-radius:.5em;border-top-left-radius:.5em}
.curvededgesright{-webkit-border-bottom-right-radius:.5em;-moz-border-bottom-right-radius:.5em;border-bottom-right-radius:.5em;-webkit-border-top-right-radius:.5em;-moz-border-top-right-radius:.5em;border-top-right-radius:.5em}
.infobox{overflow:hidden;background-color:#F4f4F0;-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;-moz-box-shadow:0 1px 2px #777a60;-webkit-box-shadow:0 1px 2px #777a60;box-shadow:0 1px 2px #777a60;opacity:0.95;margin:10px 10px 10px 2px;padding:10px}
#techreq{margin:40px}
#flagouter{border:1px solid #transparent;cursor:pointer;overflow:hidden;margin:2px;}
.flagnonindex{margin-top:6px}
.flagentry IMG {position:relative;top:4px}
.signinbutton{margin-top:4px;margin-right:10px}
.fulltext{width:96%!important;clear:both}

.topay,.topay INPUT{font-size:40px;color:#666}
.paydiv{margin:10px}
.fullbutton{width:98%;margin-left:1%;clear:both}
#tim{max-width:200px;padding:5px}
.ptr{cursor:pointer}

.calopt H4{display:inline;font-size:28px}

.footer{min-height:170px;overflow:hidden;background:#315F6E url(../images/topbar.png) repeat 0 0;clear:both;font-size:12px;line-height:190%}
.footerbody{margin:15px}
.footertop{background:#FFF;opacity:0.8;height:2px}
.footer A{color:#EEE;font-weight:normal}
.minishadow{-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);box-shadow:0 1px 1px rgba(0,0,0,0.5)}
.footer .ftitle{color:#AAA;font-weight:bold;text-shadow:1px 1px 0px #000;border-bottom:1px solid #AAA}
.footer .left{margin-left:20px}
.footercopyright{clear:both;overflow:hidden;font-size:11px;text-align:center;background:#000;padding:5px}
.footercopyright SPAN,.footercopyright A{color:#EEE;margin-right:15px;font-weight:normal}
.notlink a:hover{text-decoration:none}
.relabs{position:relative;display:inline;overflow:hidden}
.left{position:relative;float:left;margin-right:25px}
.leftnopad{position:relative;float:left;margin-right:5px}
.right{position:relative;float:right}
.error{margin-left:4%;max-width:92%;min-width:50%;text-align:center;border:1px solid #deacac;background:#FFAAAA;background-color:rgba(255,164,157,0.75);color:#8c2e2e;font-size:16px;margin:10px;margin-top:0px;padding:10px}
.basicwarning,.infowarning{float:left;text-align:justify;position:relative;font-size:14px!important;color:#000;border:1px solid #C0C000;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF372), to(#FFE808)); background: -webkit-linear-gradient(top, #FFF372, #FFE808); background: -moz-linear-gradient(top, #FFF372, #FFE808); background: -ms-linear-gradient(top, #FFF372, #FFE808); background: -o-linear-gradient(top, #FFF372, #FFE808);background-color:#FFFF80;-webkit-box-shadow:1px 4px 4px rgba(0,0,0,.1);-moz-box-shadow:1px 4px 4px rgba(0,0,0,.1);box-shadow:1px 4px 4px rgba(0,0,0,.1);padding:12px}
.basicwarning{float:none;margin:10px;text-align:center}
.postit{max-width:260px !important}
.ohdear{font-size:24px;color:#666;text-shadow:-1px -1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(255,255,255,0.3)}
.full{width:100%}
.dialog{color:#000;float:left;position:relative;overflow:hidden;text-align:left;margin:10px;padding:20px;margin-left:0;-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em}
.dialog SPAN{white-space:nowrap}
TEXTAREA{height:100px;font-size:13px}

.tableheader{display:none}

.dialog SELECT INPUT{margin-top:4px}
.innerdialog{background-color:rgba(200,200,255,0.6);overflow:hidden;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;margin:0px;padding:20px;X-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);X-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);Xbox-shadow:inset 0 1px 1px rgba(0,0,0,0.5);}
.dialogpadding{margin:0 20px 20px 20px}

.exampletext{color:#777;font-size:12px;font-weight:normal}
.onw{color:#777;font-size:11px;font-weight:normal}
.sub{font-weight:normal}

.code{border:1px solid #999;background:#EEE;padding-left:15px}

.clearbreak{clear:both}

.qq-uploader{position:relative}
.qq-upload-button{cursor:pointer}
.qq-upload-drop-area{border:2px dashed #000;background-color:none;text-align:center;color:#000;font-size:22px;margin:6px;padding:12px}
.qq-upload-drop-area-active{background-color:#8C0}
.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-failed-text{margin-right:7px}
.qq-upload-spinner{display:inline-block;background:url(../images/loading.gif);width:32px;height:32px;vertical-align:text-bottom;margin:5px}

.arrow_box_bubble,.error_bubble{z-index:1005;opacity:0.85;font-size:13px;color:#FFF;position:absolute;border-radius:6px;box-shadow:0 2px 2px rgba(0,0,0,0.4);background:#111;border:4px solid #2ab7ec;max-width:300px;padding:10px}
.arrow_box_bubble:after,.arrow_box_bubble:before,.error_bubble:after,.error_bubble:before{right:100%;border:solid rgba(132,196,90,0);content:" ";height:0;width:0;position:absolute;pointer-events:none}
.arrow_box_bubble:after,.error_bubble:after{border-right-color:#111;top:50%;margin-top:-12px;border-width:12px}
.arrow_box_bubble:before,.error_bubble:before{border-right-color:#2ab7ec;top:50%;margin-top:-18px;border-width:18px}

.ui-dialog{z-index:90;background:#EEE url(../images/topbar.png) repeat 0 0 !important;font-size:13px!important;-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.7);-moz-box-shadow:0 10px 10px rgba(0,0,0,0.7);box-shadow:0 10px 10px rgba(0,0,0,0.7)}
.ui-dialog-title{font-weight:normal;font-family:"Trebuchet MS","sans-serif";font-size:24px !important;color:#FFF !important;}
.ui-dialog .innerdialog{background-color:rgba(255,255,255,0.7)}

.ui-datepicker TD{padding:2px;font-size:14px}
.ui-datepicker{background:#315F6E url(../images/topbar.png) repeat 0 0}
.ui-datepicker A:hover{text-decoration:underline}
.ui-datepicker-calendar .ui-state-default{color:#CCC;background:rgba(0,0,0,0.2);}
.ui-datepicker .ui-state-active{border:1px solid #FDFDFD;}

.ui-widget{-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.7);-moz-box-shadow:0 5px 5px rgba(0,0,0,0.7);box-shadow:0 5px 5px rgba(0,0,0,0.7)}
.ui-widget-overlay{background:#000!important;opacity:0.8!important}
.ui-state-hover{opacity:0.6}

.ui-autocomplete{background:#FFF}
.ui-autocomplete A {color:#000 !important;text-shadow:none}

.ui-autocomplete .ui-state-focus{background: #bbbbff;}


#tabtop .ui-state-default{background-color:rgba(150,150,255,0.5);background-image:none}
#tabtop .ui-state-default h4{text-shadow:none}
#tabtop .ui-state-default:hover{background-color:rgba(150,150,255,0.7)!important;}

.dialog,#tabtop .ui-state-active,#tabtop .ui-state-active:hover{background:#B5BE64;background-color:rgba(200,200,255,0.5)!important;}
#tabtop .ui-state-active h4{text-shadow:0 1px 1px #FAFAFA}

#calendarinput  INPUT[type="text"]{font-size:11px}
#calendarinput TD {vertical-align:top}

#fform{font-size:18px;background:none;float:left;margin-bottom:5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-width:0;padding:0}
#fform H4{text-shadow:0 1px 1px #FAFAFA;color:#000!important;margin:0;padding:0}
#fform .tabdiv{overflow:hidden;position:relative;padding:0;}
#fform DIV{font-size:14px}
#fform .dialog{border:none;box-shadow:none}
#fform .ui-tabs-nav{padding-left:0;background:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0}
#fform .ui-tabs-panel{border-width:0px}

.tabdiv .dialog{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;-khtml-border-top-left-radius:0;border-top-left-radius:0;}

.basicimg{margin:25px;border:1px solid #AAA}

.preftab{margin-bottom:5px;min-height:150px;}
#settings .preftab{max-width:700px;}
.floatcontainer{position:relative;overflow:hidden}
.vertalign TH,.vertalign TD,#gds TABLE TD{vertical-align:middle}
.howitworks TABLE TD,.tcenter{text-align:center}
.greatfeatures A,.dashboardataglance A{font-size:13px}
.basicinfo TD,.basicinfo TH,.flagentry{padding:5px}
.subtitlefeature,.subtitlebenefit,#signinmenu INPUT[type=text],#signinmenu INPUT[type=password],.largeinputbox{font-size:22px}

.dialog H3{color:#777}
.warning DIV,.basicwarning DIV{margin-left:40px}
.forgot,.qq-upload-size,.qq-upload-cancel{font-size:11px}
.qq-upload-failed-text{display:none}
.qq-upload-fail .qq-upload-failed-text{display:inline}


.already{margin:10px}
.dividergradient{
height:12px;
margin-top:40px;
margin-bottom:30px;
background-image: -moz-radial-gradient(center top, ellipse farthest-side,rgba(100,100,100,.4) , rgba(255,255,255,0) 88%);
background-image: -webkit-radial-gradient(center top, ellipse farthest-side,rgba(100,100,100,.4) , rgba(255,255,255,0) 88%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, rgba(100,100,100,.4), rgba(255,255,255,0) 88%);
background-image: -ms-radial-gradient(center top, ellipse farthest-side, rgba(100,100,100,.4),rgba(255,255,255,0) 88%);
background-image: radial-gradient(center top, ellipse farthest-side,rgba(100,100,100,.4) ,rgba(255,255,255,0) 88%)
}
.buttonspanel{padding:3px}

.datatable TH {font-size:15px}

.datatable .sorter:hover{text-decoration:underline;}
.datatable .sorter{cursor:pointer}

#ldicon{background:rgba(255,255,255,0.4);display:none;position:absolute;z-index:1800;left:47%;top:30%;padding:16px;font-size:25px}
.aptdiv{background:#FFF;min-width:300px;}
.highlight{background-color:yellow;padding:1px 3px 1px 3px}

.howtoguide H2 IMG{float:right}
.howtoguide H2 {padding-bottom:15px}
.caption{margin:40px 0px 10px 20px;font-size:11px;font-style:italic}
.screenshot{display:block;border:1px solid #AAA;xmargin:20px;xmargin-top:0px}
.appbox{padding:20px;border:1px solid #AAA;background:#EEE}
.calbox {padding:20px;border:1px solid #AAA}
.processbox{padding:10px;border:2px solid #AAA;background:#FEFEFE}
#calicons{width:90%}
#calicons IMG {padding:16px;float:left;margin:2px;}
#calicons IMG:hover {background:#FFFFFF}

.indent{margin-left:30px}

.hometable TD {padding:30px}

.monthly{margin:16px}
.monthly IMG {width:80px}
.monthly H2 {text-align:center;margin-bottom:16px;padding-top:15px}
.dmonthly TD {padding:5px}
.monthbox {position:relative;margin:8px;background:#FFF;background-color:rgba(255,255,255,0.9);border:1px solid #CCC;padding:10px}

.mostpopular{z-index:100;width:120px;height:120px;position:absolute;right:-8px;top:-8px}
.mostpopular-en{background:transparent url(../lang/images/mostpopular_en.png) repeat 0 0 }

.plan1{background:#665D1E}
.plan2{background:#C4AEAD}
.plan3{background:#FFD700}
.plan4{background:#EDEDEF}

.picsteps TH{vertical-align:middle}
.picsteps TD{margin:20px;}
.picsteps IMG{border:1px solid #AAA}

.homebottom {padding:20px}

.tablesorter{border-collapse:collapse;}

.dialogmin{min-width:60%}

#editreminder.dialog SPAN{white-space:normal}

.demotablediv {padding:30px}
.demotable{padding-bottom:30px;min-width:344px;border-collapse:collapse;-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.4);-moz-box-shadow:10px 10px 10px rgba(0,0,0,0.4);box-shadow:10px 10px 10px rgba(0,0,0,0.4);}
.demotable .toprow TD{border:none;padding:0px;background:transparent url("../images/bindertip.png") repeat 0 0;height:60px}
.demotable TD,.demotable TH{background:#F9F9F9;padding:8px 15px 8px 15px;border-bottom:1px solid #88F;vertical-align:middle}
.demotable TH{text-align:right}
.demotable .botrow TD,.demotable .botrow TH{border:none}

.intropara{font-size:22px;line-height:180%}

#menuToggle{display:none}

.onlymob{display:none}

#settingschanged{display:none;opacity:0.9;pointer-events:none;margin:5px;border:1px solid #EEE;background-color:#000;color:#DDD;padding:10px 20px;position:fixed; bottom:0px; right:0px;}

/* Print */
@media print
{
H1, #breadcrumbs,#mainbanner,#mainfooter,input[type=button],a[rel=nopr]{display:none;}
.maininner{min-height:200px;}
.noprint,.footer,.header{display:none}
}



/*  320px e.g. smartphone */
@media screen and (min-width:100px) and (max-width:570px) {
A{white-space:inherit}
.hidemob{display:none}
.onlymob{display:block}
.mainwrapper,.fullwrapper{width:340px}
.mainpaper{padding-left:3px}
.maininner{padding:2px}
.sib{float:left}
.singlecol,.doublecol,.triplecol,.doublecolcontainer,.article{width:290px}
#emailtemplate,#smstemplate{width:240px}
.threecols,.twocols{-moz-column-count:1;-webkit-column-count:1;column-count:1}
.uidialog,.ui-dialog .basicwarning{width:260px!important}
.warning{width:260px;margin:0}
INPUT[type=button],INPUT[type=submit]{padding:10px}
INPUT[type=text],INPUT[type=password],SELECT{width:240px;padding-top:8px;padding-bottom:8px}

#editreminder TEXTAREA.doublecol{width:240px}
H1{clear:both;padding-bottom:25px;padding-top:20px;font-size:30px}

.miniben{display:block;float:right}

.homemain{width:310px}
.homefromtoouter .dashboardbuttons{width:280px}

#homeimage{opacity:0}

.dialog SPAN{white-space:normal}

.infobox{width:265px;margin-left:2px}
.dialogpadding{margin:0px 10px}

.dashboardbuttons{width:290px}
.indexmainpanel{overflow:hidden;width:290px}
.buttonspanel{margin-left:45px}

.fulltext{width:255px!important}

.moblarge{font-size:18px}

.infopaper{padding:4px}

.footerbody .left{clear:both}
.footerbody .ftitle{margin-top:10px}
.footercopyright{text-align:left}
.footercopyright .right{float:left}
.footercopyright IMG{float:right}

#fform .dialog{width:280px}

TABLE  TD, TABLE  TH, TABLE  TR{display:block}
.lastcol{border-bottom:2px solid #000!important}

.ui-datepicker TABLE TD{display:table-cell}


.tableheader{display:block}

TABLE  TH {display:none!important}



.menubottom{display:none}
.usernamediv{font-size:11px}

#searchdiv{float:none}

.datatable TH{background:#CCC;color:#000}

.indextable  TH{visibility:hidden} 

#calendarinput INPUT[type="text"]{width:235px}
#tabtop H4{font-size:12px}

.infopaper IMG{max-width:280px}

}

/* Mobile menu */
@media screen and (max-width:850px) {

BODY{font-size:18px}
.footer{font-size:15px}
	
#buttonbar{display:none}
.dialog SPAN{white-space:inherit}
.homelogo IMG {width:80px;}
#menubar .homelogo{margin-left:50px;}
.shere,.starthere{display:none}
#menubar .stripmain.logout{margin-top:0px;bottom:-2px}
 
#menuToggle
{
  display: block;
  position: fixed;
  top: 12px;
  left: 10px;
  
  cbackground:rgba(255,255,255,0.7);
  z-index: 82;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #444;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 100px;
  
  background: rgba(255,255,255,0.95);
  
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 5px 0;
  font-size: 20px;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}

}

/*  570px e.g. smartphone landscape */
@media screen and (min-width:571px) and (max-width:949px){
.mainwrapper,.fullwrapper{width:560px}
.mainpaper{padding-left:3px}
.maininner{padding:2px}
.singlecol{width:300px}
.doublecol,.triplecol,.doublecolcontainer,.article{width:480px}
.threecols,.twocols{-moz-column-count:1;-webkit-column-count:1;column-count:1}
.uidialog,.ui-dialog .basicwarning{max-width:400px!important}

#searchvalue{width:180px;margin-top:10px;}
#searchvaluecont{text-align:center;display:block}
#standardtable  TD{padding:3px 5px 3px 5px}

#emailtemplate,#smstemplate{width:480px}

INPUT[type=text],INPUT[type=password],SELECT{width:97%;padding-top:8px;padding-bottom:8px}
TEXTAREA{width:98%}
H1{clear:both;padding-bottom:25px;padding-top:20px}

.miniben{display:block;float:right}

#menubar .Xhomelogo{margin-left:50px;}
#menubar .stripmain{font-size:11px;bottom:0px}

.dashboardbuttons{font-size:15px;min-width:190px!important}
.indexmainpanel{overflow:hidden;width:400px}
.indexmainpanel INPUT[type=button]{padding:10px}

#indtable.left{margin-right:1px}

.warning{width:420px;margin:0}
.dialog{max-width:548px}
.fulltext{width:405px!important}
#bstrip{margin-bottom:20px}
.moblarge{font-size:18px}

.infobox{width:500px;margin-left:2px}
.dialogpadding{margin:0px}

.mobtopbar{text-align:center;padding-top:10px;font-size:16px}

.signout,.dashboardbutton .right,#breadcrumbs .right{float:right}

.arrow_box_bubble{display:none}
.footerbody .left{clear:both}
.footercopyright{text-align:left}
.footercopyright .right{float:left}
.footerbody .ftitle{margin-top:10px}
.footercopyright IMG{float:right}

#fform .dialog{width:530px}


.indextable  TD, .indextable  TH, .picsteps TD, .picsteps TH{display:block;max-width:450px} 
.indextable  TH{visibility:hidden} 
.indextable{width:100%}
.tableheader{display:block}

TABLE  TH {display:none!important}

.monthly TD,.monthly TR{display:block}


.indextable TD{padding:0px}


#searchdiv{float:none}
.gdatatable INPUT{padding:1px}

.bigcell DIV{height:40px;overflow:auto}
.hidecell{display:none}

#remindersdiv TD,#remindersdiv TH{font-size:11px}

.datatable TD A{position:relative;top:10px} 

.icimg{display:none}

.infopaper IMG{max-width:510px}

#calendarinput INPUT[type="text"]{max-width:200px}

}

/*  790px e.g. smartphone landscape */
/*
@media screen and (min-width:790px) and (max-width:949px){
.mainwrapper,.fullwrapper{width:760px}
.mainpaper{padding-left:3px}
.maininner{padding:6px}
.singlecol{width:240px}
.doublecol,.triplecol,.doublecolcontainer.article{width:700px}
.threecols,.twocols{-moz-column-count:1;-webkit-column-count:1;column-count:1}
.uidialog,.ui-dialog .basicwarning{max-width:400px!important}

TEXTAREA{width:98%}
H1{clear:both;padding-bottom:25px;padding-top:20px}

.miniben{display:block;float:right}

.tabdiv INPUT,.tabdiv TEXTAREA {max-width:680px}

#zmenubar .homelogo{margin-left:0}
#menubar .stripmain{font-size:11px}

.homemain{width:780px}

.dashboardbuttons{font-size:15px;min-width:240px!important}
.indexmainpanel{overflow:hidden;width:740px}
.indexmainpanel INPUT[type=button]{padding:10px}

.warning{width:420px;margin:0}
.benefits{margin-top:60px}
.fulltext{width:605px!important}

.moblarge{font-size:18px}

.infobox{max-width:456px;margin-left:2px}

.mobtopbar{text-align:center;padding-top:10px;font-size:16px}

.signout,.dashboardbutton .right,#breadcrumbs .right{float:right}

.arrow_box_bubble{display:none}
.footerbody .left{clear:both}
.footercopyright{text-align:left}
.footercopyright .right{float:left}
.footerbody .ftitle{margin-top:10px}
.footercopyright IMG{float:right}

#fform .dialog{min-width:400px}

.homelogo IMG {width:120px}

.indextable TD{padding:25px}
.datatable INPUT{max-width:200px}

.monthly UL {min-height:200px}

}

*/

/*  950px  e.g. desktop low res */
@media screen and (min-width:950px) and (max-width:1100px){
.mainwrapper,.fullwrapper{width:900px}
.singlecol{width:240px}
.doublecol{width:660px}
.triplecol{width:680px}
.article{width:740px}
.doublecolcontainer{width:680px}
.threecols{-moz-column-count:2;-webkit-column-count:2;column-count:2}
.twocols{-moz-column-count:2;-webkit-column-count:2;column-count:2}

TEXTAREA{width:400px}

.homemain{width:900px;}

.ui-dialog .basicwarning {max-width:420px}
.indexmainpanel{overflow:hidden;width:700px;}

#signinmenu INPUT[type=text],#signinmenu INPUT[type=password]{width:300px}

.profilesettings .dialog{width:620px}
.profilesettings .fulltext{width:580px}

#menubar .homelogo{margin-left:5px}

.indextable  TD{padding:15px}

.monthly UL {min-height:160px}

.monthbox .largersize {font-size:120%}

#menubar .stripmain{font-size:12px}

}

/*  1100px e.g. desktop med res*/
@media screen and (min-width:1101px) and (max-width:1299px){
.mainwrapper,.fullwrapper{width:1050px}
.singlecol{width:220px}
.doublecol{width:600px}
.triplecol{width:900px}
.article{width:650px}
.doublecolcontainer{width:580px}
.threecols{-moz-column-count:3;-webkit-column-count:3;column-count:3}
.twocols{-moz-column-count:2;-webkit-column-count:2;column-count:2}


TEXTAREA{width:400px}

.homemain{width:1000px}
#frontpage{min-height:720px}

.ui-dialog .basicwarning {max-width:600px}

.indexmainpanel{overflow:hidden;width:680px;min-height:398px}
.indextable TD {padding:30px}
.buttonspanel{margin-left:80px}

#signinmenu INPUT[type=text],#signinmenu INPUT[type=password]{width:300px}

}


/*  1300px e.g. desktop high res */
@media screen and (min-width:1300px){
.mainwrapper,.fullwrapper{width:1240px}
.singlecol{width:280px}
.doublecol{width:490px}
.triplecol{width:740px}
.article{width:740px}
.doublecolcontainer{width:540px}
.threecols{-moz-column-count:3;-webkit-column-count:3;column-count:3}
.twocols{-moz-column-count:2;-webkit-column-count:2;column-count:2}

TEXTAREA{width:400px}

.homemain{width:1200px;}
#frontpage{min-height:760px}

#signinmenu INPUT[type=text],#signinmenu INPUT[type=password]{width:300px}

.indextable  TD {padding:35px;}

}