/* Global Style */
* {margin:0; padding:0}
html {height:100%; min-height:100%}
body {height:100%; min-height:100%; font:12px Verdana,Arial; background:#fff; color:#000}
img {border:0}
a {color:#000; text-decoration:none}
a:hover {color:#000; text-decoration:underline}
h1 {float:right; margin:0 8px 0 0;}
h2 {font-size:32px; font-weight:normal; margin:0 0 15px 0}

/* Login Page */
.content {margin:0 auto}
.inner {width:100%; clear:left; float:left; padding-bottom:40px}
label {float:left; clear:left; margin:4px 0 2px; width:150px}
input,textarea,select {border:1px solid #888; padding:3px; font:11px Verdana,Arial; background:#fff}
input:focus,textarea:focus,select:focus {border:1px solid #000}
input {float:left; width:156px}
.input {float:left; clear:left; width:220px; margin:0 0 5px}
.tab {background:url(images/tab.gif) 169px bottom no-repeat}
.remember {margin-top:15px}
.checkbox {border:0; width:16px; height:16px; margin-right:3px}
.submit {float:left; padding:0; width:49px; height:20px; border:none; margin:0 0 0 5px}
#homepage, #subpage {width:505px; margin:0 auto; margin-top:50px}
#subpage {line-height:150%;}
#subpage p {text-align: justify;}
#subpage li {padding-bottom:10px}
#subpage a {text-decoration: underline;}


#login {float:left; width:215px; padding:10px 30px 10px 0}
#signup {float:left; width:224px; padding:10px 0 10px 30px; border-left:1px solid #000}
#homepage .inner {margin-top:25px}
.black {display:block; float:left; clear:left; padding:4px 6px; margin-top:1px; background:#000; color:#fff}
.black:hover {color:#ccc; text-decoration:none}
#request,#policy {float:left; clear:left; line-height:1.5}
#request {margin:0 0 5px}
#policy {margin:5px 0 8px}

/* Footer */
#footer {position:fixed; bottom:0; right:0; width:400px; height:82px; color:#999}
#footerdiv {float:right; clear:right; padding:4px 8px; height:16px; background:#000; margin-top:1px}

#footer span {float:right; clear:right; padding:4px 8px; height:16px; background:#000; margin-top:1px}
#footer a {color:#fff}
#footer a:hover {color:#ccc; text-decoration:underline}
#footer h1 a {color:#000}
#footer h1 a:hover {color:#333}

/* Count */
#count {position:fixed; bottom:0; left:10px; width:100px; height:30px; font-size:14px;}
#count span {font-size:16px; font-weight:bold;}

/* Task Manager */
#tasckcontent {position:relative; background:url(images/line.gif) 60px repeat-y; width:760px; height:100%; min-height:100%; margin:0 auto}
#tasks {position:absolute; width:450px; font-size:13px; padding-left:60px; padding-top:60px; padding-bottom:60px; line-height: 120%}
#tasks ul {list-style:none; width:100%}
#tasks li {float:left; position:relative; clear:left; width:100%; padding:4px 0 4px 20px}
#tasks li p {float:left}
#tasks li div {position:absolute; width:52px; padding-left:25px}
#tasks li img {cursor:pointer; margin-left:4px}
.message_high {border-left:7px solid #fdd203}
.message {border-left:7px solid #7ACE3A}
#tasks form {float:left; clear:left; margin:0 0 20px 25px; width:250px;}
#tasks form img {float:left; margin-right:4px}
#incompletelist {float:left; padding-bottom:20px}
#completelist {float:left; clear:left; padding-bottom:20px; color:#aaa}
.message_completed {margin-left:7px}
#removeincomplete, #removecomplete {position:absolute; left:0; width:60px}
.removeall {background:url(images/remove-all.gif) 50% 0px repeat-y; cursor: pointer;}

#add img a {border: none;}



/* Validation Message */
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}
#message {display:block; padding:4px 6px 5px; margin-bottom:10px; border:1px solid #aaa; background:#eee}
.error {color:red; margin:5px 0 15px}

/* Sub Pages */
#subpage p {padding-bottom:14px}
#subpage h2 {font-size:20px}

/* Advertisement */
#ad {position:absolute; z-index:50; background:#fff; border:1px solid #000}
#ad-close {float:left; cursor:pointer; margin:6px; height:11px; width:11px; background:url(images/ad_close.gif) no-repeat}
#ad-content {float:left; font-size:0}
#ad-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#fff; z-index:25}