/** html generic **/
html { background-color: black; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 77%; text-align: left; padding-top: 10px; padding-bottom: 10px; }
a { text-decoration: none }
a:hover { text-decoration: underline }
/** stupid firefox borders! **/
a:active {	outline: none; }
a:focus {-moz-outline-style: none;}
input, textarea, select {  outline: none; -moz-outline-style: none;}
h1 { font-size: 174%; color: #ff0066; font-weight:normal; } 
h2 { font-size: 138.5%; color: #ff0066; font-weight:normal; margin:0; padding:0} 
label { color:#0099FF; font-weight: bold }
th, td { border: 0px solid #000000; text-align: left; padding: 5px 0 5px 0 ; margin: 0 }

h2.post { color: #0483c2; }
input.mid-range { width: 25.5em }
textarea.mid-range { width: 45.10em }
textarea.cols-90 { width: 40em }


/** structure **/ 
#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:46.15em;/* non-IE */
	*width:45.00em;/* IE */
	min-width:965px;/* optional but recommended */
}

/** generic classes **/
.underline { border-bottom: 1px dotted #cccccc }
.normalize { text-decoration: none; }
a.normalize:hover { text-decoration: none; }
.fineprint { font-size: 85%; text-transform: uppercase }
.justify { text-align: justify }
.dark_color { color: #006699 }
.hide { display: none }
.show { display: block }
.lefter { float: left }
.righter { float: right }
.text-center { text-align: center }
.text-lefter { text-align: left }
.dotted_line {border-bottom: 1px dotted #ff0066; height: 1px;}
.padding-left { padding-left: 10px; }
.padding-right { padding-right: 10px; }
.padding-top { padding-top: 10px; }
.padding-bottom { padding-bottom: 10px; }
.padding-top-big { padding-top: 40px; }
.italicer { font-style: italic }
.bolder { font-weight: bold }
.form-label { color: #0099ff; font-weight: bold }
.clearit { clear: both; line-height: 0; height: 0; font-size: px; /* for IE */ }
.clearright { clear: right }
.clearleft { clear: left }
.error { font-size: 89%; color: #CC0066 }
.success { font-size: 89%; color: #0099FF }
.blue { color: #0099FF }
.pink { color: #ff0066 }
.pink-underline { color: #ff0066; text-decoration: underline; }
.white { color: #ffffff }
.smaller-font { font-size: 75% }
.bigger-10 { font-size: 110% }
.label-300 { width: 300px; float:left }
.label-165 { width: 165px; float:left }
.pointer { cursor: pointer }
div.pagination a { color: #ff0066; }
div.pagination span { color: #ff0066; font-weight: bold }


/** header/body/footer structure **/
div#hd, div#bd, div#ft { width: 967px; margin: 0px; }

/** header/navigation block **/
div#hd { color: white; margin-bottom: 5px; }
div#hd a { color: white } 
div#hd a.pink { color: #ff0066 }
div#hd div#logo { float: left }
div#hd div#main_navigation { float: right }
div#hd ul { float: right; width: 575px; list-style-type: none; padding-top: 35px; margin: 0 }
div#hd ul li { float: right; display: block; width: 60px; height: 20px; padding-top: 10px;}
div#hd ul li#reminders { width: 110px }
div#hd ul li#how { width: 150px }
div#hd ul li#forums { width: 80px }
div#hd ul li#account { width: 100px }
div#hd ul li#settings { width: 110px }
div#hd ul li#logout { width: 50px; background-image: url(/images/asterisk.gif); background-position: right; background-repeat:no-repeat;  }
div#hd ul li#login { width:150px; background-image: url(/images/asterisk.gif); background-position: right; background-repeat:no-repeat;  }

/** big cloud block **/
div.main_clouds { height: 310px; background-image: url(/images/header.gif); background-repeat: no-repeat; color:white}
div.main_clouds h1 { color: white; padding:0; margin: 0; font-weight: normal; font-size: 250% }
div.main_clouds h2 { padding: 0; margin: 0; font-weight: normal; font-size: 145%   }
div.main_clouds #tag_line { padding-left: 24px; padding-top: 90px; }
div.main_left { float: left; width: 76% }
div.main_right { float: left; width: 24%;  }
div.main_full { float: left; width: 100%; }

/** twitter block **/
div.twitter_block { z-index: 9999; background-image: url(/images/twitter-hd.png); 
					 background-repeat: no-repeat; position: relative; width: 211px; margin-left: 20px; }
div.twitter_block a:hover { text-decoration: none; }
div.twitter_block .inner h1 { font-size: 100%; color: #00aeef; padding-left: 54px; padding-top: 22px; font-weight: bold; margin-bottom: 5px; padding-bottom: 0px;}
div.twitter_block .inner a { color: #00aeef }
div.twitter_block .inner .tweetsblock { background-color: #b3f2fe; margin-left: 15px; padding-left: 5px; }
div.twitter_block .tweetcontainer { padding-top: 10px; color: 00aeef; }
div.twitter_block .inner .tweetsblock ul { margin: 0; }
div.twitter_block .inner .tweetsblock ul li { list-style-type: none; padding-bottom: 10px; }
div.twitter_block .tweetsblock-ft { background-image: url(/images/twitter-ft.png); 
					 background-repeat: no-repeat; position: relative; width: 196px; height:13px; margin-left: 15px; }
					 
/** floating robot **/					 
div.floating_robot { z-index: 9999; width: 248px; height: 323px; background-image: url(/images/testimonial.gif); 
					 background-repeat: no-repeat; position: relative; margin-top: -40px; right: -20px;
					 }
div.floating_robot div.inner {padding: 5px 0 0 10px; margin: 0; width:180px}
div.floating_robot ul.settings { margin: 0; color: #ff0066  }
div.floating_robot ul.settings li { list-style-type: none; padding-top: 5px;}
div.floating_robot a { color: #ff0066; }
div.floating_robot p { margin-bottom: 0px; }

div.floating_robot div.testimonials { color: #cc0066; font-size:93%;}
div.floating_robot div.callout { color: #cc0066; font-size: 93%; }

/** thin cloud block **/
div.thin_clouds { height: 90px; background-image: url(/images/thin_header.gif); background-repeat: no-repeat; color:white}

/** body block **/
div.content { background-color:white; padding-top: 10px; padding-left: 24px; padding-right: 30px; padding-bottom: 10px;}
div.content h1 { margin-top: 0; padding-bottom: 5px; margin-bottom: 5px; }

/** home **/
div#roles { height: 25px; overflow:hidden }
div#roles h2 { color: #ccffff; }
div.registration-errors { font-size: 85%; color: #ffccff }
div.errors { font-size: 85%; color: #EE2C2C }

.selector {	-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/images/tab-line.gif) repeat-x scroll 0 50%; float:left; width:100%; }
.selector h1 {	-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0;
				float:left; font-size:165%; padding-right:5px; word-spacing:-0.1em;}
.selector span.tool { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
						background:#FF0066 url(/images/menu-current.gif) no-repeat scroll 100%; height:auto; padding:0; }
.selector span.tool strong { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
							background:transparent url(/images/menu-current.gif) no-repeat scroll 0 ; color:#FFFFFF; display:block; height:16px; padding:2px 6px; width:55px; text-align:center }
.score span.tool { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
					background:#FF0066 url(/images/score.gif) no-repeat scroll 100%; padding:0; line-height:18px; }
.score span.tool strong { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
							background:transparent url(/images/score.gif) no-repeat scroll 0 ; color:#FFFFFF; display:block; height:16px; padding:2px 6px;}
.score .tool { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
				background:#FFFFFF none repeat scroll 0 0; border:4px solid #FFFFFF; color: #FF0066; float:right; font-weight:bold;
				height:40px; width: 60px; margin-top:3px; padding:2px 1px; text-decoration:none; word-spacing:-0.1em;}
ul.reminder_type_list { margin-left: 0px; margin-top: 0; }

.selector .tool, .selector .tool:visited {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border:4px solid #FFFFFF;
	color: #FF0066;
	float:right;
	font-weight:bold;
	height:20px;
	margin-top:3px;
	padding:2px 1px;
	text-decoration:none;
	word-spacing:-0.1em;
}


/** registration block **/
div.cloud_block { padding: 35px 0px 0px 24px; width: 520px }
div.cloud_register { float: left }
div.cloud_register h1 { font-size: 267%}
div.cloud_step_padding { padding-top: 17px; padding-left: 5px; }
div.cloud_step_set { float: left; color: #006699; font-size: 108% }
div.cloud_step { float: left; padding-left: 10px; padding-right: 5px;}
div.cloud_number { float: left; width: 19px; height: 18px; }
div.active_step { background-image: url(/images/box.gif); background-repeat: no-repeat; padding-left:4px; }
div.cloud_required { float: right }
div.cloud_form table { color: white; padding: 0; margin: 0; width:100% }
div.cloud_form table td.checkboxes { width: 10px; }
div.cloud_form label {font-weight: bold; font-size: 108% }
div.cloud_form table input.shorten { width: 125px; padding-left:0; padding-right: 0 }
div.cloud_form .fineprint { width: 410px; padding-right: 10px; padding-top: 3px; font-weight: bold }
div.cloud_form div#submit_registration_form2 { padding-top: 5px; }

/** feedback form **/
div#feedback_form th.label {font-size: 108% }

/** about block **/
div.content div.how_step { float: left }
div.content div.how_step h2 { font-size: 89%; color: #ff0066; font-weight:normal; margin-top: 5px; margin-bottom: 5px;}
div.content div.how_step div.copy { font-size: 79%; color: #333333; }
div.content div.how_step div.copy div.copy-description { width: 150px }

/** footer block **/
div#ft { height:39px; background-image: url(/images/footer.gif); background-repeat: no-repeat; font-size:93%; }
div#ft a { color: #666666 }
div#ft #copyright { padding-top: 13px; padding-left: 24px; color: #666666 }

/** notice **/
div.notice { padding-bottom: 20px; }
div.notice div.notice-t, div.notice div.notice-body, div.notice div.notice-b { width: 98% }
div.notice div.notice-top div.notice-tl { width: 5px; float: left; background-image: url(/images/notice-tl.gif); background-repeat: no-repeat; height: 5px; width: 5px; height: 5px;}
div.notice div.notice-top div.notice-t {  float: left; background-image: url(/images/notice-t.gif); background-repeat: repeat-x; height: 5px;}
div.notice div.notice-top div.notice-tr { width: 5px; float: left; background-image: url(/images/notice-tr.gif); background-repeat: no-repeat; height: 5px; width: 5px; }
div.notice div.notice-middle div.notice-l { width: 5px; float: left; background-image: url(/images/notice-l.gif); background-repeat: repeat-y; height: 15px; width: 5px; clear: left;}
div.notice div.notice-middle div.notice-body { display:inline;  float: left; background-color: #ffffcc; font-weight: bold; color: #666600; font-size: 82%; width: 687px; border-left: 1px solid #e3e09e; border-right: 1px solid #e3e09e}
div.notice div.notice-middle div.notice-body p { padding-bottom: 0; margin-bottom: .5em }
div.notice div.notice-middle div.notice-r { width: 5px; float: left; background-image: url(/images/notice-r.gif); background-repeat: repeat-y; height: 15px; width: 5px; }
div.notice div.notice-bottom div.notice-bl { width: 5px; float: left; background-image: url(/images/notice-bl.gif); background-repeat: no-repeat; height: 5px; width: 5px; clear: left;}
div.notice div.notice-bottom div.notice-b { float: left; background-image: url(/images/notice-b.gif); background-repeat: repeat-x; height: 5px;}
div.notice div.notice-bottom div.notice-br { width: 5px; float: left; background-image: url(/images/notice-br.gif); background-repeat: no-repeat; height: 5px; width: 5px;}

div.notice a.verify { text-decoration:underline; color: #666600 }
div.notice a.verify:visited { color: #666600 }

/** content block generic**/
div.content-block { padding-bottom: 5px; }
div.content-block div.block-main { width: 685px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc }
div.content-block div.block-main div.block-body { padding-left: 10px; padding-right: 10px; }

/** content containers **/
div.container { padding-bottom: 5px; }

/** content block specific **/
div.content-block div.block-top { margin: 0; padding: 0; width: 687px; height: 5px; background-image: url(/images/content-t.gif); background-repeat: no-repeat; }
div.content-block div.block-bottom { margin: 0; padding: 0; width: 687px; height: 5px;  background-image: url(/images/content-b.gif); background-repeat: no-repeat;  }
/*div.content-block div.block-main div.reminder-block-header { width: 96% }*/
div.content-block div.block-main div.reminder-block-button-closed{ margin-top: -3px; background-image: url(/images/reminder-block-closed_btn.gif); background-repeat: no-repeat; width: 21px; height: 21px;}
div.content-block div.block-main div.reminder-block-button-open { margin-top: -3px; background-image: url(/images/reminder-block-open_btn.gif); background-repeat: no-repeat; width: 21px; height: 21px;}
div.content-block div.block-main h2 { color: #0099ff ; font-size:100% font-weight: bold;}
div.content-block div.block-main div.block-body label { font-size: 95%; width: 150px; clear: left; float: left}
div.content-block div.block-main div.block-body label.nofloat { float: none}
div.content-block div.block-main div.block-body label.long { width: 200px;}
div.content-block div.block-main div.block-body .form-set { line-height: 25px; }
div.content-block div.block-main div.block-body #suggestions { color: #FF0066; text-decoration: underline; font-size: 75% }

/** reminder **/

ul.reminder_checklist { margin-left: 0; margin-right: 0; }
ul.reminder_checklist li { list-style-type: none; }

ul.checkbox_list { margin: 0; }
ul.checkbox_list li { list-style-image:none; list-style-position:outside; list-style-type:none; }
ul.checkbox_list li label { float: none !important}

span.comment_author { color: #0099ff; }
span.comment_date { font-style: italic; }

/** public reminder list **/
ul.reminder_type_list { padding-top: 10px; padding-left: 25px; }
ul.reminder_type_list li { list-style-type: none; line-height: 25px; }
ul.reminder_type_list li a { color: #ff0066; }
ul.reminder_list {padding-left: 0px; margin-left: 0px; }
ul.reminder_list li { list-style-type: none; line-height: 25px; }
ul.reminder_list li a { color: #ff0066; }
div.created_by_block { font-size: 75%; font-style: italic;}
/** my account **/
label.normal { color: black; font-weight:normal; }