/* Standard Tag Definitions */ body {background-color:#d6e2ee;background-image:url('/images/bgfade.jpg');background-repeat: repeat-x;} a:link {color:#3B48A5;text-decoration:none;} a:visited {color:#3B48A5;text-decoration:none;} a:hover {color:#121C64;text-decoration:none;} div {font-family:arial;font-size:14px; } h1 {color:#555555;font-family:Arial, Verdana, sans-serif;font-size:20px;margin-bottom:15px;text-shadow: 0px 1px 0px #efefef;} h4 {font-family:Arial, Verdana, sans-serif;font-size:14px;font-weight:bold;text-shadow:0px 1px 0px #efefef;} /* Misc Tags */ .bold {font-weight:bold;} .gray {color:#666;} /* #mainColumn {float:left;margin-left:25px;margin-top:5px;width:550px;}*/ #oneColumn {float:left;margin-left:25px;margin-top:5px;width:985px;} #header-container {width:100%;background-image:url('/images/header_fade.jpg');background-repeat: repeat-x;min-width:950px;} #header-loginbox {position:absolute;left:330px;top:0px;text-align:right;width:350px;padding-top:10px;font-size:12px} #header-twitterlink {position:absolute;left:700px;top:0px;} #header-nav-logintext {border:1px solid #ABC8CF;width:330px;padding:15px;text-align:center;background-color:#EDF7FA} /*.taskname-hover {cursor:pointer;color:#6F543C;}*/ #container {margin-top:40px;width:985px;} /*.fauxbutton {background-color:#DEDEDE;cursor:pointer;font-size:10px;font-weight:bold;margin:2px;padding:4px;text-align:center;}*/ .label {font-family:Arial, Verdana, sans-serif;font-size:12px;} .smaller {color:#555555;font-family:Arial, Verdana, sans-serif;font-size:12px;line-height:17px;text-decoration:none;} .tiny {color:#555555;font-family:Arial, Verdana, sans-serif;font-size:10px;line-height:15px;text-decoration:none;} .basictable td {padding:3px;} .iconlist {list-style: none;margin: 0;padding: 0;} .bulletlist {position:relative;left:25px;list-style-image:url(/images/tickbullet.gif);} .bulletlist li {padding-bottom:5px;} .linkblue {color:#3B48A5;text-decoration:none;} .hand {cursor:pointer;} .emboss {text-shadow: 0px 1px 0px #efefef;color:#405163} .emboss a {color:#3B48A5;} .emboss a:hover {color:#3C7FD6;} /* Alert Box */ .alertbox {background-color:#F3F8FC;border:4px solid #E9F2FA;color:#911322;line-height:17px;padding:6px;width:400px;} .alertbox a {color:#610B15;} .successbox {background-color:#F3F8FC;border:4px solid #E9F2FA;color:#406D49;line-height:17px;padding:6px;width:400px;} .successbox a {color:#2B5233;} /* Menu Strip*/ #menuStrip {position:absolute;left:465px;width:535px;top:70px;} .menu-button {cursor:pointer;} /* Login Box */ #loginBoxContainer {position:absolute;top:106px;left:680px;background-color:#fff;border:1px solid #DEDEDE;display:none;padding:6px;padding-top:12px;text-align:right;width:270px;} #loginResponse {background-color:#FFF1E4;border:1px solid #FCDABA;color:#A25309;display:none;margin:5px;padding:3px;text-align:right;} #loginContainerBorder {background-color:#FFF;border:5px solid #DEDEDE;float:left;margin:25px;width:350px;} #loginContainer {background-color:#FFF;border:1px solid #CCCCCC;width:100%;} #loginHeader {background-color:#6B271A;color:#FFF;font-size:11px;font-weight:bold;padding:8px} #loginFooter {background-color:#B1AAA0;color:#FFF;font-size:11px;font-weight:bold;padding:8px} #loginContent {padding:12px;} #loginLogout {margin-top:10px;padding:12px;overflow:auto;width:100%;} #loginEdit {cursor:pointer;margin-top:10px;padding:12px;overflow:auto;width:100%} /* Blog */ #blogContainer {float:left;margin-left:12px;width:450px;} #blogHeader {border:0px solid green} #blogContent {border:0px solid red;background-image:url('/images/linedpaper.jpg');background-repeat: repeat-y;padding-left:45px;padding-right:20px;width:420px;} .blog-date {border-bottom:1px dotted #ABABAB;color:#808080;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:11px;margin-bottom:10px;margin-top:5px;padding-bottom:2px;text-decoration:none;width:410px;} .blog-content {border:0px solid blue;color:#555555;font-family:Arial, Verdana, sans-serif;font-size:12px;line-height:17px;margin-top:12px;text-decoration:none;width:410px;} .blog-title {background-color:#FCFED0;color:#555555;font-family:Arial, Verdana, sans-serif;font-size:16px;font-weight:bold;padding:3px;text-decoration:none;} /* Recent Activity */ .addedby {font-size:12px;} .featuredtaskbox {margin-top:12px;margin-left:5px;} .featuredtasks {line-height:18px;margin-top:5px;} .recentusers th {text-align:left;} .from {font-size:12px;} .fromdir {color:#89919B;font-size:12px;} /* Password Page*/ #changepassword td {padding:5px;} /* Main Content Section */ .mainContainer {float:left;margin-left:12px;margin-top:20px;width:450px;} .mainHeader {border:0px solid green} .mainContent {border:0px solid red;background-image:url('/images/linedpaper.jpg');background-repeat: repeat-y;padding-left:45px;padding-right:20px;width:420px;} .main-date {border-bottom:1px dotted #ABABAB;color:#808080;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:11px;margin-bottom:10px;margin-top:5px;padding-bottom:2px;text-decoration:none;width:410px;} .main-content {border:0px solid blue;color:#555555;font-family:Arial, Verdana, sans-serif;font-size:12px;line-height:17px;margin-top:12px;text-decoration:none;width:410px;} .main-title {background-color:#FCFED0;color:#555555;font-family:Arial, Verdana, sans-serif;font-size:16px;font-weight:bold;padding:3px;text-decoration:none;} /* User List */ li.tasks {background-image: url(/images/checkbox.gif);background-repeat: no-repeat;background-position: 0 6px;padding: 3px 0px 3px 18px;margin: .4em 0;vertical-align:top;} #userlistContainer {background-color:#FFF;margin-top:130px;width:550px;min-height:550px;} #userlistHeader {background-color:#7DB66C;color:#FFF;font-size:11px;font-weight:bold;padding:6px 6px;} #userlistStatus {display:none;height:25px;padding:4px;} #userlistStatusInner {background-color:#EBFBFF;margin:2px;padding:4px;} #userlistTheList {float:left;margin-left:5px;margin-bottom:15px;margin-top:20px;width:500px;} #userlistContent {background-color:#FFF;padding:12px;background-image:url('/images/listheaderfadebg.gif');background-repeat: repeat-x;} #userlistAddTask {font-size:12px;margin-top:5px;padding:6px;text-align:center;} #userlistEditButton {} #userlistEditDoneButton {display:none;} #userlistEditListDate {display:none;margin:4px;width:220px;} #userlistSummary {width:100%;} #userlistDateSave {float:left;width:70px;} #userlistDateCancel {float:left;width:70px;} #userlistDateTable td {padding:4px;} .userlist-item {overflow:auto;width:100%} .userlist-item:hover {color:#121C64;text-decoration:none;} .userlist-item-even {background-color:#F5F3EE;border-top:1px solid #DAD0C8;margin:4px;padding:2px;width:500px;} .userlist-item-odd {background-color:#FFF;margin:4px;padding:2px;width:500px;} .userlist-item-number {color:#717C58;float:left;font-family:arial;font-size:12px;margin-right:4px;margin-top:2px;padding:2px;text-align:center;width:24px;} .userlist-item-taskname {float:left;line-height:1.4;width:440px;cursor:pointer;} .userlist-item-delete {cursor:pointer;display:none;float:left;line-height:1.4;text-align:center;width:20px;} .userlist-item-status {cursor:pointer;float:left;line-height:1.4;text-align:center;width:20px;} .userlist-item-deleteconfirm {background-color:#FDE1DA;border:1px solid #DFB2A6;float:right;font-size:12px;margin-bottom:4px;margin-left:2px;padding:4px;width:245px;position:relative;} .userlist-item-info {color:#635C1E;font-size:12px;margin-bottom:15px;margin-left:25px;padding:6px;width:450px;} .userlist-item-note {background-color:#FFFEEE;border-top:1px solid #D8E4CD;border-bottom:1px solid #D8E4CD;color:#635C1E;margin-bottom:15px;margin-top:15px;padding:6px;width:450px;} .userlist-item-edit {border:1px solid #DEDEDE;margin-bottom:15px;margin-left:15px;padding:4px;width:400px;} .userlist-label {color:#444444;width:75px;} .userlist-item-showedit {margin-top:10px;margin-bottom:10px;width:320px;} #userlist-notasksbox {border:1px solid #FDF4C4;background-color:#FFFDF3;margin-top:50px;padding:20px;color:#8D6A1D;text-align:center;} .userlist-item-deleteconfirm-button {color:#3B48A5;text-decoration:none;cursor:pointer;} .userlist-item-deletecancel-button {color:#3B48A5;text-decoration:none;cursor:pointer;} .userlist-item-tip {color:#635C1E;font-size:10px;} #userlist-addtaskbutton {cursor:pointer;} .userlist-expand-actions {color:#3B48A5;font-size:12px;cursor:pointer;} .userlist-expand-text {font-size:12px;} .userlist-expand-actions:hover {font-size:12px;color:#3C7FD6;} .userlist-item-statustip {background-color:#fff;border:1px solid #DEDEDE;left:540px;font-size:12px;padding:4px;position:absolute;width:180px;} .userlist-statusbox-button {cursor:pointer;color:#666;border:1px solid #ddd;padding:4px;margin-top:4px;font-size:12px;} .statusdesc-closeactionboxstyle {float:right;width:15px;padding-top:2px;cursor:pointer;} .userlist-header-left {position:absolute;margin-left:8px;margin-top:-11px;height:60px;width:12px;text-align:center;} .userlist-header-center {position:absolute;margin-left:82px;margin-top:-11px;height:60px;width:12px;text-align:center;} .userlist-header-right {position:absolute;margin-left:155px;margin-top:-11px;height:60px;width:12px;text-align:center;} .userlist-header-daysremaining {position:absolute;margin-left:18px;margin-top:8px;height:24px;width:70px;text-align:center;} .userlist-header-daysleft {position:absolute;margin-left:20px;margin-top:36px;height:20px;width:70px;text-align:center;} .userlist-header-numpercent {position:absolute;margin-left:84px;margin-top:8px;height:24px;width:70px;text-align:center;} .userlist-header-complete {position:absolute;margin-left:86px;margin-top:36px;height:20px;width:70px;text-align:center;} .userlist-header-editlistdatelink {color:#3B48A5;font-size:10px;text-decoration:none;cursor:pointer} .userlist-header-editlistbutton {background-color:#F5FCFF;border:1px solid #B2E2F3;cursor:pointer;font-weight:bold;float:right;padding:8px;text-align:center;width:88px;} .userlist-header-editlistfinishbutton {background-color:#F5FCFF;border:1px solid #B2E2F3;cursor:pointer;font-weight:bold;float:right;padding:8px;text-align:center;width:100px;} .editlistfinishbutton {background-color:#F5FCFF;border:1px solid #B2E2F3;cursor:pointer;float:right;padding:8px;text-align:center;width:88px;} .userlist-header-bluebox {border:1px solid #CCF1FD;background-color:#F0FBFF;float:none;margin-top:25px;padding:8px;} /* Edit Profile */ #editprofileHeader {background-color:#A5675F;color:#FFF;font-size:11px;font-weight:bold;padding:8px} #editprofileContainer {background-color:#FFF;border:1px solid #A5675F;float:left;margin-top:30px;width:100%} #editprofileContent {background-color:#FFF;padding:12px;} /* Sidebar Box*/ #sidebarBlurb {float:left;margin:10px;margin-left:15px;text-align:center;margin-top:75px;} #sidebarContainer {border:0px solid green;float:left;margin-left:10px;margin-top:20px;width:360px;} #sidebarContent {padding:10px;color:#555555;line-height:18px;} /* Sign up page */ #signuptable td {padding:9px;} #signuptable, #validation {margin:15px;} .signupsubhead {color:#666;border-bottom:1px solid #ddd} .graysubtext {color:#666;font-size:10px;} input {font-size:14px;} /* Homepage */ #home-sidebar-column {float:left;width:350px;margin-left:25px;} #home-main-column {float:left;margin-left:25px;margin-top:5px;width:550px;} /* Profile */ #profile-list-column {float:left;margin-left:25px;margin-top:5px;width:550px;border:0px solid orange} #profile-sidebar-column {float:left;width:370px;margin-left:30px;border:0px solid red} /* Directory */ #directory-maincolumn {float:left;margin-left:25px;margin-top:5px;width:550px;} /* Terms */ #terms-maincolumn {float:left;line-height:17px;margin-left:25px;margin-top:5px;width:550px;} /* Footer */ #pagefooter {background-image:url('/images/footer/footerdarkfader.jpg');background-repeat: repeat-x;min-width:950px;width:100%;background-color:#282828;color:#fff} #footer-welcomebox {margin-top:20px;float:left;width:290px;border:0px solid #ddd;padding:12px;margin-left:20px;background-color:#3D3D3D;-moz-border-radius:4px;-webkit-border-radius:4px} #footer-welcometitle {font-size:18px;margin-top:12px;margin-bottom:8px;} #footer-linkscolumn1 {float:left;width:285px;border:0px solid #ddd;padding:5px;margin-left:30px;} #footer-linkscolumn2 {float:left;width:285px;margin-left:20px} .footer-titles {font-size:18px;margin-top:40px;margin-bottom:4px;} .footertext {color:#fff;} .footertext a {color:#f5ec7e;} /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #wrap {min-height: 100%;} #main {overflow:auto; padding-bottom: 150px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both;} /*Opera Fix*/ body:before { /* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px; /* thank you Erik J - negate effect of float*/ } /* End of Sticky Footer Solution */