/* THOMAS BILL SUPER STYLE SHEET - MODED AND REWORKED FOR USE WITH DRAGON PATING AND DECORATING */
* { padding: 0; margin: 0; }
/*--------------------------------------------
Global Styles
---------------------------------------------*/
/*--------- Inner Page Layout--------*/
#page_wrap_inner {
	background: url(img/body_inner_bg.gif) repeat-x top;
}
#page_header_inner {
	background: url(img/logo_inner.gif) no-repeat top center;
	width: 100%;
	min-width: 890px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div#page_body_inner {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	color: #0b3a5e;
}
div#rightybox_content {
	margin: 35px 0 0 0;
}
/*--------- Home --------*/
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans;
	color: #d2ebf7;
	line-height: 18px;
	background-color: #0c3e65;
}
#page_header {
	background: url(img/logo.jpg) no-repeat center -40px;
	width: 100%;
	min-width: 890px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div#page_wrap {
	background: url(img/body_bg.gif) repeat-x top;
	background-position: 0 31px;
	background-color: #0b3e65;
}
	div#user_details 	{
		position: absolute;
		right: 200px;
		top: 25px;
		font-size: 11px;
		color: #fff;
	}
		div#user_details a { color: #ccc;}
div#page_body {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	padding-top:186px;
}
div#navigation {
	background: url(img/nav.gif) repeat-x center;
	height: 50px;
}
	div#navigation ul{
		list-style:none;
		/*text-align: center;*/
		height: 50px;
		font-size: 14px;
		text-transform: uppercase;
	}
	div#navigation ul li{
		display: inline;
		margin-left: 0;
		margin-right: 0;
		padding: 14px 0 0 18px;
		border-right: solid 1px #dadddd;
		line-height: 50px;
		height: 50px;
	}
	div#navigation ul li.lcorner{
		background: url(img/nav_corner.gif) no-repeat;
		background-position: 0 top;
		width: 8px;
		float: left;
		border: none;
		padding: 0;
	}
	div#navigation ul li.rcorner{
		background: url(img/nav_corner.gif) no-repeat;
		background-position: -9px top;
		width: 8px;
		float: right;
		border: none;
		padding: 0;
	}
		div#navigation ul li a{
			padding: 0 50px 0 8px;
			color: #6c6c6c;
			text-decoration: none;
		}
		div#navigation ul li a:hover{
			color: #09C;
		}
div#page_content {
	padding-top: 20px;
}
	div#page_content div.padding{
		padding: 15px;
	}
.clear {clear:both;}
.float_right {float: right;}
.float_left {float: left;}
.hide {
	display: none;
}
hr {
	border: none;
	height: 1px;
	background: #ccc;
}
div.link_box {
	background: #fffcd3;
	padding: 15px;
	border: 1px solid #eee;
}
div.link_box ul{
	list-style:none;
	padding-left: 0px;
}
	div.link_box ul li{
		padding-left: 24px;
		margin-bottom: 10px;
	}
		div.link_box ul li a{ color: #4e4e4e; }
		div.link_box ul li#account{ background: url(img/account.png) no-repeat left; }
		div.link_box ul li#todo{ background: url(img/todo.png) no-repeat left; }
		div.link_box ul li#system{ background: url(img/system.png) no-repeat left; }
		div.link_box ul li#users{ background: url(img/users.png) no-repeat left; }
#page_footer {
	background: url(img/footer_bg.gif) repeat-x top;
	height: 124px;
	width: 100%;
}
/*--------------------------------------------
---------------------------------------------*/
h1#page_title {
	height: 25px;
	padding: 10px;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}
h1#catch_phrase {
	font-size: 36px;
	color: #d2ebf7;
	font-weight: bold;
	margin-top: 40px;
	width: 600px;
	padding: 10px 0;
}
h1#members {
	font-size: 36px;
	color: #6ea61d;
	font-weight: bold;
	margin-top: 20px;
	width: 400px;
	padding: 5px 0;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	color: #d2ebf7;
	margin-bottom: 10px;
}
h1 {
	font-size: 17px;
	font-weight: normal;
	color: #222;
	margin-bottom: 10px;
}
h3 {
	font-size: 12px;
	font-weight: normal;
	color: #222;
	margin-bottom: 10px;
	color: #666;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	color: #222;
	margin-bottom: 10px;
}
.gray {
	color: #777;
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.grey { color: #999; }
a {color: #55676c;text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
div#controls { }
		div#controls span{
			float: left;
			margin-right: 10px;
			padding-top: 2px;
		}
	div#controls div{
		margin-right: 10px;
		border: 3px solid #eaeaea;
	}
/*--------------------------------------------
---------------------------------------------*/
table.data {
	border-collapse: collapse;
	width: 100%;
	line-height: 18px;
	border: 1px solid #d2ebf7;
	color: #777777
}
table.data tr th {
	background-color: #0b3a5e;
	border-bottom: 1px solid #d5e6ef;
	padding: 15px;
	text-align: left;
	color: #ebebeb;
	font-size: 24px;
	font-weight: normal;
	height: 43px;
}
table.data tbody tr td {
	background-color: #9ed5f1;
	padding: 8px;
	padding-bottom: 10px;
	padding-top: 12px;
	font-size: 11px;
	border-bottom: 1px solid #d5e6ef;
	height: 43px;
}
table.data td.actions {
	width: 170px;
}
	td.actions img{
		margin-right: 10px;
		margin-left: 10px;
	}
table.data tfoot tr td {
	background: none;
	padding: 10px 0 0 0;
}
table tr.highlight {
	background: #f7f7f7;
}

table td.highlight_passed {
	background: #f7f7f7;
}
table.credit_purchase {
	font-size: 18px;
	border-collapse: collapse;
	color: #0b3a5e;
}
table.credit_purchase td {
	padding: 20px 0 20px 5px;
}
table.credit_purchase td.fixed {
	width: 110px;
	padding-left: 20px;
}
table.credit_purchase td.highlight {
	color: #6ea61d;
	width: 120px;
}
table.credit_purchase td.nopadding {
	padding: 20px 30px 20px 0;
}

div.pagination {float: right;text-align: right;  color: #7d7d7d; text-decoration: none; padding: 15px;}
div.pagination a:link, div.pagination a:active, div.pagination a:visited {color: #7d7d7d; text-decoration: none; padding: 0 5px;}
div.pagination a:hover {color: #7d7d7d; text-decoration: underline;}
div.pagination span { color: #6ea61d; padding: 0 5px;}
/*--------------------------------------------
---------------------------------------------*/
div.rightybox_left, div.rightybox_body, div.rightybox_right {
	float: left;
	height: 162px;
}
div.rightybox_left {
	background: url(img/rightybox_corners.gif) no-repeat 0 0;
	width: 32px;
}
div.rightybox_right {
	background: url(img/rightybox_corners.gif) no-repeat -32px 0  ;
	width: 35px;
}
div.rightybox_body {
	background: url(img/rightybox_bg.gif) repeat-x top left;
	width: 205px;
}
/*--------------------------------------------
---------------------------------------------*/
div.char_count {
	float: right;
	margin: -5px 10px 0 0;
}
div.box {
	background: #f7f7f7;
	padding: 10px;
	border: 1px solid #eaeaea;
	line-height: 17px;
}

.textField{
	border: 1px solid #cac8c8;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	background: #fff;
	color: #0b3a5e;
}
	.textField:focus {
		border-color: #a9a7a7;
	}
	.small {width: 200px;}
	.medium {width: 270px;}
	.large {width: 330px;}

textarea.textField {
	width: 400px;
	height: 100px;
}
select {
	height:32px;padding:4px;width:auto; color: #0b3a5e;
}

.timer {width: 40px;}
#hours_period {height:32px;padding:4px;width:60px;}
.repeat_period {height:32px;padding:4px;width:75px;}
div.rightybox_body .textField{
	background: #ffffff;
	width: 182px;
	height: 19px;
	color: #0b3a5e;
	line-height: 19px;
	border: 1px solid #cac8c8;
}
div.rightybox_body label {
	font-size: 10px;
}
a:link, a:visited, a:active {
	color: #6ea61d;
	text-decoration: underline;
}
a:hover {
	color: #6ea61d;
	text-decoration: none;
}
.date_input,
.date_input:focus {
	background: #fff url(img/calendar.gif) no-repeat 4px 50%;
	padding-left: 25px;
}
.button2 {
	float: left;
	background: top right no-repeat #039;
	margin-right: 10px;
}
#button2 {
	float: left;
	background: url(img/imgs_new_07.gif) top right no-repeat;
	text-align: center;
	padding-top: 20px;
	width: 187px; 
	height: 58px;
}
#button2 a {
	text-decoration: none;
	color: white;
	font-size: 21px;
}
	#button2 a:hover {
	text-decoration: underline;
	color: white;
	}
.btn-inner {
	margin: 0;
	padding: 5px 0 0 0;
	background: url(img/box-left.gif) top left no-repeat;
}
.btn-inner a {
	display: block;
	margin: 0;
	padding: 0 0 0 17px;
	font: bold 1.2em Arial, sans-serif;
	color: #039;
	text-decoration: none;
	background: url(img/box-left.gif) bottom left no-repeat;
}
.btn-inner input {border: 0; background: transparent; cursor: pointer;}
.btn-inner input:hover {color: #4D686F;}
.btn-inner em {
	display: block;
	margin: 0;
	padding: 0 20px 5px 0;
	font-style: normal;
	background: url(img/box-right.gif) bottom right no-repeat;
}
.btn-inner img {
	margin-right: 5px;
	vertical-align: middle;
}
/*--------- Global Button Style ---------*/
a.button span.b_left, a.button span.b_middle, a.button span.b_right {
	float: left;
	display: block;
	cursor: pointer;
}
/*--------- ---------*/
a.button.login span.b_left {
	background: url(img/buttons/rightybox_btn_corners.gif) no-repeat 0 0;
	width: 3px;
	height: 20px;
	line-height: 20px;
}
a.button.login span.b_right {
	background: url(img/buttons/rightybox_btn_corners.gif) no-repeat -3px 0;
	width: 3px;
	height: 20px;
	line-height: 20px;
}
a.button.login span.b_middle {
	background: url(images/buttons/rightybox_btn_bg.gif) repeat-x 0 0;
	padding: 0 20px;
	height: 20px;
	line-height: 19px;
	color: #292929;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
a.login:hover, a.login:active, a.login:link, a.login:visited  {
	text-decoration: none;
}
/*---------  ---------*/
a.button.register {
}
a.button.register span.b_left {
	background: url(img/buttons/register_home_corners.gif) no-repeat 0 0;
	width: 6px;
	height: 57px;
	line-height: 57px;
}
a.button.register span.b_right {
	background: url(img/buttons/register_home_corners.gif) no-repeat -10px 0;
	width: 7px;
	height: 57px;
	line-height: 57px;
}
a.button.register span.b_middle {
	background: url(img/buttons/register_home_bg.gif) repeat-x 0 0;
	padding: 0 20px;
	height: 57px;
	line-height: 56px;
	color: #dffcae;
	font-size: 24px;
	text-decoration: none;
}
a.register:hover, a.register:active, a.register:link, a.register:visited  {
	text-decoration: none;
	color: #d2ebf7;
}
/*---------  ---------*/
a.button.add_reminder, a.button.confirm, a.button.quick_reminder {
	background: none;
}
a.button.add_reminder span.b_left {
	background: url(img/buttons/btn_blue.gif) no-repeat 0 0;
	width: 4px;
	height: 30px;
	line-height: 30px;
}
a.button.add_reminder span.b_right {
	background: url(img/buttons/btn_blue.gif) no-repeat -4px 0;
	width: 6px;
	height: 30px;
	line-height: 30px;
}
a.button.add_reminder span.b_middle {
	background-color: #44a1e8 ;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	color: #fefee1;
}
#addButton, #save, #register {
	background: none;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	border: 0;
	width: auto;
	padding: 0;
	margin: 4px 0 0 0;
}

.transparent-button {
	background: none;
	font-size: 0;
	border: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
}

a.button.add_reminder:hover span.b_middle {
	text-decoration: none;
}
a.button.quick_reminder  {
	margin-right: 0px;
}
a.button.quick_reminder span.b_left {
	background: url(img/buttons/btn_green_quickadd.gif) no-repeat 0 0;
	width: 4px;
	height: 30px;
	line-height: 30px;
}
a.button.quick_reminder span.b_right {
	background: url(img/buttons/btn_green_quickadd.gif) no-repeat -4px 0;
	width: 6px;
	height: 30px;
	line-height: 30px;
}
a.button.quick_reminder span.b_middle {
	background-color: #6ea61d ;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	color: #fefee1;
}
#addButton, #save, #register {
	background: none;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	border: 0;
	width: auto;
	padding: 0;
	margin: 4px 0 0 0;
}
a.button.add_reminder:hover span.b_middle {
	text-decoration: none;
}
a.button.confirm span.b_left {
	background: url(img/buttons/btn_green.png) no-repeat 0 0;
	width: 4px;
	height: 50px;
}
a.button.confirm span.b_right {
	background: url(img/buttons/btn_green.png) no-repeat -4px 0;
	width: 6px;
	height: 50px;
}
a.button.confirm span.b_middle {
	background-color: #6ea61d ;
	padding: 5px 25px;
	height: 30px;
	line-height: 30px;
	color: #363119;
	font-size: 14px;
	font-weight: normal;
	color: #fefee1;
}
a.button.confirm:hover span.b_middle {
	text-decoration: none;
}
/*--------------------------------------------
Footer
---------------------------------------------*/
div#copyright {
	text-align: left;
	width: 890px;
	font-size: 11px;
	margin: auto;
	padding: 8px 0 0 0;
	color: #D2EBF7;
}
div#copyright a:active, div#copyright a:link, div#copyright a:visited{
	color: #d2ebf7;
	text-decoration: underline;
}
div#copyright a:hover {
	color: #d2ebf7;
	text-decoration: none;;
}
ul.footer_navigation {
	list-style: none;
	text-align: left;
	width: 150px;
	float: left;
	margin: 17px 0 0 0;
	color: #252525;
}
/*--------------------------------------------
Home 
---------------------------------------------*/
div.homeDescription {
	/*adding:0 30px 70px 0;*/
	font-size: 20px;
	/*margin: 20px 20px 0 0;*/
	width: 560px;
}
div.homeDescription .subtitle {
	width: 300px;
	line-height: 25px;
	padding:5px 20px 0 0;
}
div.reminder_example {
	width: 523px;
	height: 252px;
	background: transparent url(img/homepage_screen.jpg);
	margin: -30px 0 0 20px;
}
.pic1 {
	margin-left: 5px;
}
.pic1, .pic2, .pic3 {
	float: left;
	width: 180px;
	text-align: center;
	cursor: pointer;
}
.pic1 span, .pic2 span, .pic3 span {
	width: 130px;
	height: 104px;
	display: block;
	margin: 0;
}
.pic1 span {

}
.pic2 span {

}
.pic3 span {

}
ul.home_icons {
	list-style: none;
	text-align: left;
	width: 600px;
	margin: 0;
}
ul.home_icons li {
	float: left;
	width: 220px;
	padding: 20px 20px 0 60px;
	
}
ul.home_icons li.one {
	background: url(img/icon_chart.gif) no-repeat 0 35px;
}
ul.home_icons li.two {
	background: url(img/icon_check.gif) no-repeat 0 35px;
	
}
ul.home_icons li.three {
	background: url(img/icon_envelope.gif) no-repeat 0 35px;
}
ul.home_icons li.four {
	background: url(img/icon_paper.gif) no-repeat 0 35px;
	
}
ul.home_icons li span {
	color: #9aa7ae;
}
span.grayTitle {
	color: #aeb4b4;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 0 195px;
}
img.referral {
	padding-right: 15px;
}
/*--------- ---------*/
p.news_flash {
	color: #cde8f6;
	text-indent: 40px;
}
/*--------- ---------*/
p.contact {
	padding:3px 0 3px 40px;
}
p.one {
	background: url(img/icon_rss.gif) no-repeat 10px center;
}
p.two {
	background: url(img/icon_friendfeed.gif) no-repeat 10px center;
}
p.three {
	background: url(img/icon_twitter.gif) no-repeat 10px center;
}
/*--------------------------------------------

---------------------------------------------*/
.memberbox {
	width: 815px;
	margin: auto;
}
.memberbox .header {
	background: url(img/boxes/memberbox_header.gif) no-repeat 0 0;
	height: 2px;
	font-size: 1px;
}
.memberbox .body {
	background: url(img/boxes/memberbox_body.gif) repeat-y 0 0;
	padding: 15px 17px 15px 15px;
}
.memberbox .footer {
	background: url(img/boxes/memberbox_footer.gif) no-repeat 0 0;
	background-repeat: no-repeat;
}
/*--------------------------------------------

---------------------------------------------*/
ul.inner_navigation {
	list-style: none;
	float: left;
	font-size: 11px;
	color: #0b3a5e;
	float: right;
}
ul.inner_navigation li {
	padding: 0 5px;
	float: left;
}
ul.inner_navigation a:link, ul.inner_navigation a:active, ul.inner_navigation a:visited {
	color: #0b3a5e;
	text-decoration: none;
}
ul.inner_navigation a:hover {
	color: #0b3a5e;
	text-decoration: underline;
}
ul.member_navigation {
	list-style: none;
	text-align: left;
	width: 600px;
	margin: 0;
	color: #252525;
	height: 34px;
	float: left;
	padding: 50px 0 0 80px;
}
ul.member_navigation li {
	width: 130px;
	height: 34px;
	background: url(img/member_nav_tab.gif) no-repeat 0 0;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
ul.member_navigation li a:link, ul.member_navigation li a:visited, ul.member_navigation li a:active {
	color: #fefee1;
	text-decoration: none;
}
ul.member_navigation li a:hover {
	color: #fefee1;
	text-decoration: none;
}
ul.member_navigation li a span {
	text-align: center;
	width: 130px;
	height: 34px;
	font-size: 14px;
	line-height: 34px;
	display: block;
	cursor: pointer;
}
div.credits {
	float: right;
	line-height: 18px;
	color: #d2ebf7;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 28px 85px 0 0;
}
div.credits span {
	font-size: 24px;
}
div.rightybox_msg {
	padding: 57px 80px 0 0;
	font-size: 10px;
	color: #e1efca;
}
div.rightybox_msg a:active, div.rightybox_msg a:link, div.rightybox_msg a:visited  {
	text-decoration: underline;
	color: #e1efca;
}
div.rightybox_msg a:hover {
	text-decoration: none;
	color: #e1efca;
}
form#reminder_editor {
	color: #0b3a5e;
}
span#descr_chars_counter {
	font-size: 18px;
}
.credit_info {
	color:#0b3a5e;
	float:left;
	font-size:18px;
	line-height:28px;
	padding:20px 0;
	width:200px;
}
.credit_info span {
	color: #6ea61d;
}
/*--------------------------------------------
---------------------------------------------*/
.notification {
	padding: 10px 0;
	width: auto;
}
.notification img {
	padding-right: 7px;
}
.notification label {
	font-style: normal;
}
div.half {
	width: 50%;
}
/*--------------------------------------------
Text Styles
---------------------------------------------*/
ul.points{
	list-style:none;
	padding-left: 0px;
	margin-top: 5px;
}
	ul.points li{
		padding-left: 24px;
		background: url(img/arrow.png) no-repeat left;
		margin-bottom: 8px;
	}
img {border: 0;}

ul#errors_list
{
	list-style:none;
}
ul#errors_list li {
	background-color: #ffe4e7;
	border: 2px solid #4e687c;
	padding: 8px;
	color: #0b3a5e;
	width: auto;
	margin:3px 0;
}
div#confirmation {
	border: 1px solid #008000;
	background-color: #d9ffd9;
	padding: 10px 0 10px 10px;
	margin: 5px 0 10px;
}
td.showDragHandle {
    background-image: url(img/updown2.gif);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: move;
}

td.dragHandle {
  width: 20px;
}
ul.bulletrightupper{ margin:0px; padding:0px; padding-left:14px;
}
.bulletrightupper li{
	list-style:none;
	margin:0px;
	padding:0px;
	background: url(img/bullet_check_upper.gif) no-repeat 0 8px;
	padding-left:28px;
	line-height:25px;
}
ul.bulletrightmid{ margin:0px; padding:0px; padding-left:14px;
}
.bulletrightmid li{
	list-style:none;
	margin:0px;
	padding:0px;
	background: url(img/bullet_check_mid.gif) no-repeat 0 8px;
	padding-left:28px;
	line-height:25px;
}
ul.bulletright{ margin:0px; padding:0px; padding-left:14px;
}
.bulletright li{
	list-style:none;
	margin:0px;
	padding:0px;
	background: url(img/bullet_check.gif) no-repeat 0 8px;
	padding-left:28px;
	line-height:25px;
}
.phonenumber {
	display: block;
	padding: 50px 0 30px 0;
	text-align: center;
	font-size: 250%;
	clear: left;
}