/*
a#smiley {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(/images/smiley.gif);
    margin: 0 auto;
    background-color: #ff0000;
}
a#smiley:hover {
    background-color: #00ff00;
}
a .alt { display: none; }
*/

/*
eipSpanDisplay
eipSpanEdit
*/


.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}



#fktc{
    margin-top: 3px;
    
}


#rssDiv{
    margin-left: 3px;
    float: left;
    margin-top: 2px;
  margin-bottom: 4px;
  
}
#deleteProjectSpan{
    margin-right: 3px;
  margin-top: 2px;
  margin-bottom: 5px;
  
  float: right;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  display: none;
}
#newProjectDiv{
    display: none;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    font-size:larger;
font-weight:bold;
}
#limitMsg{
    margin-right: 5px;
}

#addNewProject{
    text-align: center;
    margin-bottom: 6px;
}
#editProject{
    text-align: center;
    margin-bottom: 3px;
}
.projectButtons{
    text-align: center;
    margin-bottom: 5px;
    margin-top: -11px;
    margin-right: 0px;
    margin-left: 0px;
    
}
#fu1{
    margin: 0px;
    
}

#fu2{
    margin: 0px;
}


.AddSubscriptionDiv {
    display: none;
}
#trackables {
    margin-left: 50px;
}

.dt_date {
width: 10%;
float: left;
/*margin-left: 2px;*/
}

.dt_trackable {
width: 90%;
float: right;
text-align: right;
}

.dt_img{
float: right;   
padding: 1px;
margin-top: 2px;
width: 12px;
height: 12px;
border: 0;
vertical-align: baseline;

}


#showEditUserDiv{
     color: black;
     background-position: center;
     text-align: center;
}


#eipCancelImage, #eipSubmitImage{
     
     vertical-align: middle;
     text-align: right;
     
     margin-bottom: 3px;
}

div#eipTodoDescription {
     display: inline;
}

#shareInputDiv{

     margin-top: 4px;
     margin-bottom: 2px;
     /*border-bottom-style: dashed;
     border-bottom-width: 1px;*/
     border-bottom-color: #dddddd;
     
     font-family: Arial, Helvetica, sans-serif;
     background-position: center;
     
     font-weight: bold;
     font-size: larger;
}


/* basic elements */
body {
    font-family: Arial, Helvetica, sans-serif ;
    font-size: 80%;
    margin: 5px;
    padding: 0px;
}

#content {

    /*border: 1px solid #cccccc;*/
    width: 100%;
    border-top: 0;
    clear: both;
    margin: 0px;

}

a.listLink {

 	font-style: normal;
	color: black;
	border-bottom: none;
	border: none;
	text-decoration: none;
	outline-color: #000000;
}

a.button, a.buttonDis {
display: inline;
background-color: transparent;
background-image: url(/images/button_blank_blue5.gif);
background-repeat: no-repeat;
/*background-position: inherit;
width: 120px;
height: 32px;

margin: 5px auto;
padding: 6px 0 0 0;
*/

padding-left: 25px;
padding-right:20px;
padding-top: 2px;
padding-bottom: 7px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

div.button2 {
/*
width: 120px;
height: 32px;
*/
}

span#monthNameSpan {

     background-color:#FFFF66;
	 color:#660000;
     font-weight:bold;
     font-style:italic;
	 font-size:larger;
	 border-bottom-style:solid;
	 border-bottom-width: thin	;
	 border-bottom-color:red;

	 	 border-color:red;

	 padding-right: 8px;
	 padding-left: 5px;
	 padding-top: 0px;


	 /*

	 	border-left-width: 2px;
	 	border-right-width: 2px;

	border-left-color: #FFFF66;
	border-right-color: #FFFF33;
		border-top-color: #FFFF33;
		border-top-width: thin;


	border-style: solid;
	border-width: thin;*/
}

a.button:link, a.button:visited {
color: #000000;
}
a.button:hover, a.button:active {
color: #FFFF00;
}


/* IE doesn't read the padding from content */
#content h2 {
    margin-top: 15px;
	margin-bottom: 15px;
}

#content h1, div.shadowtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
    margin-top: 10px;
	margin-bottom: 10px;
	word-spacing: .1em;
	font-weight: 300;
/*	color: #786A47;*/
}
#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
    margin-top: 10px;
	margin-bottom: 10px;
	word-spacing: .1em;
	font-weight: 300;
/*	color: #786A47;*/
}


/* Override margin for Mozilla to set to default */
body>#content h2 {
    margin-top: 15px;
}

p {
	text-align: 	justify;
	padding: 		5px 30px 5px 30px;
	color: 			#786A47;
	line-height: 	1.5em;
}

div.sharing {
	/*font-size: small; */
	padding: 3px;
	margin: 5px;
	background: red;
	font-size: 24px;
}


div.google {
	margin-top: 0px;
	padding: 		0 0 0 0;
	color: 			#786A47;
	font-size:     	small;
}
span.matchsite {
	margin-top: 0px;
	padding: 		0 0 0 0;
	color: 			#786A47;
	font-size:     	small;
}

span.login {
	text-align: 	justify;
	padding: 		0 0 0 0;
	color: 			#786A47;
	line-height: 	1.0em;
}



#paco li {
	text-align: 	justify;
	padding: 		0 30px 12px 15px;
	color: 			#786A47;
	line-height: 	1.3em;
	list-style-type:none;
}

#paco{
	text-align: 	justify;
	padding: 		0 30px 12px 15px;
	color: 			#786A47;
	line-height: 	1.3em;
}




a{
	text-decoration: none;
	/*background: 	transparent url(../images/dot.gif) repeat-x left bottom;*/
}
/*
a:link ,a:visited {
	color: 			#5785A4;
}
*/
a:hover {
	color: 			#1D8FDB;
}

/*
input {
	background: #EEEEFF;
}
*/

/* todos table */
table.list {
    text-align: left;
    border: 1px solid #777777; /*was border*/
    border-collapse: collapse;
    /*margin-top: 10px;*/
    width: 100%;
    background: white;
	position: relative; /* next two */
	left: 2px;
	bottom: 2px;
}

div.innershadowbox{
	background-color: #ffffff;
	border: 1px solid #C0C0C0;
	position: relative; /* next two */
	left: 2px;
	bottom: 2px;
}

div.innershadowbox-goog{
	display: block;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #C0C0C0;
	margin: 0 0 2px 2px;
	/*position: relative;*/
	left: 2px;
	bottom: 2px;
}

div.outershadowbox {
	background: #d3d3d3;
	margin: 2px 0 0 2px;/* first and last were .5em */
}

div.smallSpace {
	height: 10px;
}

table.list td {
    padding-left: 3px;
}
/* 100,149, 237 */
table.list th {

/*    background-color: #6495ED;*/
    background-color: #A0C1E9;	/*#99CCFF;*/		/*#c7C4DE;*/
    padding: 2px;
    padding-left: 3px;
    border-bottom: 1px solid black;
    text-align: left;
    color: black;
}


table.list th table td {
    text-align: left;
}

table.list th table td:hover, table.list th table td a:hover {
    background-color: #ffd;
}

table.list th table tr:hover {
    background-color: #ffd;
    border: 1px solid white;
}

table.list tr.even {
    text-align: left;
    background: #eee;
    border-top: 1px solid silver;
}

table.list tr.odd {
    text-align: left;
    background: white;
    border-top: 1px solid silver;
}

table.list th a, table.list th a:visited {
    background-color: transparent;
    color: #000000;
    text-decoration: none;
}

table.list th.sorted {
    background-color: #eee;
    color: #000000;
}

table.list th.sorted a, table.list th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

table.list th.sortable:hover {
    background-color: #ffd;
}

table.list thead tr {
    background-color: #FFCC00;
}

table.list tr.even {
    background: #EEEEEE;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.list tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

/* specific elements */
.header {
    font: 18px/1.3em Arial,Helvetica,sans-serif;
}

.footer {
	text-align: right;
	font: 10px/1.3em Arial,Helvetica,sans-serif;
}

.error {
    color: #FF0000;
}

.success {
	color: #FF0000;
}

.completed {
	font-style: italic;
	font-size: 80%;
}

#chatlog{
	 margin-left:30px;
	 line-height: 1.2em;
	 text-align: left;

}
/*style="text-align:left;  font-size:larger;"*/
#chatDateFormat {
	font-size: xx-small;
		 padding-right: 5px;
}

#chatMessageFormat {
	font-size: 16px;
	vertical-align:middle;
	padding-left: 3px;
}

#chatMessageFormat0 {
	color: blue;
	font-size: 16px;
	vertical-align:middle;
	padding-left: 3px;
}
#chatMessageFormat1 {
	color: #33CC00;
	font-size: 16px;
	vertical-align:middle;
	padding-left: 3px;
}
#chatMessageFormat2 {
	color: #CC0000;
	font-size: 16px;
	vertical-align:middle;
	padding-left: 3px;
}
#chatMessageFormat3 {
	color: #660099;
	font-size: 16px;
	vertical-align:middle;
	padding-left: 3px;
}
#chatMessageFormat4 {
	color: black;
	font-size: 16px;
	vertical-align:middle;
	padding-left: 3px;
}

#chatNameFormat {
	font-size: 12px;
		 padding-right: 5px;
}
#chatNameFormat0 {
	color: blue;
	font-size: 12px;
	vertical-align:middle;
	font-weight:bold;
}
#chatNameFormat1 {
	color: #33CC00;
	font-size: 12px;
	vertical-align:middle;
	font-weight:bold;
}
#chatNameFormat2 {
	color: #CC0000;
	font-size: 12px;
	vertical-align:middle;
	font-weight:bold;
}
#chatNameFormat3 {
	color: #660099;
	font-size: 12px;
	vertical-align:middle;
	font-weight:bold;
}
#chatNameFormat4 {
	color: black;
	font-size: 12px;
	vertical-align:middle;
	font-weight:bold;
}

#todoScrollTable {
	position:relative;
}
/*
#li sortablelist{
	text-align: 	justify;
	padding: 		0 0px 0px 0px;
	color: 			#786A47;
	line-height: 	1.3em;
	list-style-type:none;
}
#content sortablelist {
list-style-type:none;
display: inline;
    left: 0px;
    position: absolute;
    top: 0px;
	 width: 100%;
	 padding: 0px 0px 0px 0px;
}

#content #sortablelist {
      list-style-type:none;
      margin:0;
      padding:0;
   }
#content #sortablelist li {
     width:200px;
     font:13px Verdana;
     margin:0;
     margin-left:20px;
     padding-left:20px;
     padding:4px;
     cursor:move;
   }
  div.dropmarker {
      height:6px;
      width:200px;
      background: url(/images/dropmarker.png) left top;
      margin-top:-3px;
      margin-left:-5px;
      z-index:1000;
      overflow: hidden;

   }



   style="list-style-image: url('/images/checked-small.gif');
 */

ul.sortablelist {
  list-style-type:none;
    list-style-image:none;

	width:100%;
	min-width:100%;

	height:auto;
	min-height: 100%;

/*
	min-height:100%;

list-style-image:none;

  list-style-image:url('/images/unchecked-ity.gif');
  list-style-position:inside;
  
  background-color: #ff0000;
 */

  margin-top:5px;
  margin-bottom:5px;
  margin:0px;

  padding:0px;
}

.webkit .sortablelist {
     height:90%;
     min-height: 90%;
}

ul.sortablelist li {
  padding:0  0 5 5;
  margin:0px;
  padding-left:2px;
  font-size: small;
  width:95%;
}

li.grey {
  background-color: #fff3d1;

  border:1px solid #aaaaFF;
  cursor: move;


  padding-bottom: 1px;
  margin-bottom:1px;
}
li.white {
  background-color: #ECF3E1;

  border:1px solid #aaaaFF;
  cursor: move;


  padding-bottom: 1px;
  margin-bottom:1px;
}

li.incompletedClass {
background-color: #ECF3E1;

  border:1px solid #aaaaFF;
  cursor: move;


  padding-bottom: 1px;
  margin-bottom:1px;

}


li.completedClass {
background-color: #ECF3E1;

  border:1px solid #aaaaFF;
  cursor: move;

     text-decoration:line-through;


  padding-bottom: 1px;
  margin-bottom:1px;

}




























li.swapcolor {
  background-color: #fff3d1;

  border:1px solid #aaaaFF;
  cursor: move;


  padding-bottom: 1px;
  margin-bottom:1px;
}

#calendarPreviousLinkImg {
     float: left;
     position: relative;
     top: 3px;
	 padding-top:4px;

	 padding-right: 5px;
	 right: 5px;

}

#calendarNextLinkImg {
     position:relative;
	 padding-top: 4 px;
	 top: 4px;
	 padding-left: 6px;
	 left: 6px;
     /*bottom: 3px;*/
}

#calendarUncheckedImg {
     bottom: 6px;
     position: relative;
     float: right;

}

img.calendarViewImg {
     padding-top: 14 px;
	 position: relative;
	 top: 5px;
}
img.calendarFilterImg {
		 position: relative;
	border: 0px;
	vertical-align:bottom;
}

img.calendarFilterSwapImg {
		 position: relative;
	border: 0px;
	vertical-align:bottom;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 2px;
	top: 3px;

}
img.calendarFilterImg {
		 position: relative;
	border: 0px;
	vertical-align:bottom;
	padding-top: 6px;
	top: 5px;

}

/* not really used.. had to hard code a style into first TD */
#calendarRow {
    border-left: #c1cdd8 1px solid;
}

img.warningImg {
 top: 0px;
 position: relative;

}

               

div.shadowtitle , div.shadowtitle2{
	height:35px;
	text-align:center;
	display:block;
	/*
	margin-right: 250px;
	*/

}

div.shadowtitle2 {
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
    margin-top: 10px;
	margin-bottom: 10px;
	word-spacing: .1em;
	font-weight: 300;
	padding-top:8px;
}


div.shadowlight {
	color: #FFFF00;
	display: inline;
	position:absolute;
	margin-top: 1px;
	margin-right:1px;
	right: 35%;
}
div.shadowdark {
	color: #000;
	display: inline;
	right: 35%;
	position: absolute;
}
div.shadowlight2 {
	color: #FFFF00;
	display: inline;
	position:absolute;
	margin-top: 1px;
	margin-right:1px;
	right: 24%;
}
div.shadowdark2 {
	color: #000;
	display: inline;
	right: 24%;
	position: absolute;
}



/*
valign="top" width="25%" height="10" align="left" id="<%="tabdata"+i%>">

*/

#tabdata1, #tabdata2, #tabdata3, #tabdata4 {
	vertical-align:top;
	width:22%;
	text-align:left;
	height: 400;
	position:relative;

}

#list1topdiv, #list2topdiv, #list3topdiv, #list4topdiv {
	/*height: 15px;
	max-height:200px;

	*/


}


#list1bottomdiv, #list2bottomdiv, #list3bottomdiv, #list4bottomdiv {

	height: 200px;
	max-height:200px;

	width: 95%;

	left:3px;



 	padding:2px;
	margin: 0px;

	position: relative;
	overflow-x : hidden;
	overflow-y: auto;
}

div.bottomround {
	border: 0;
	/*
	position:absolute;
	bottom: 0;
	*/
}

#rc-bl {
	float:left;
	vertical-align:bottom;
        clear: left;
}
#rc-br {
	float:right;
	vertical-align:bottom;
}
#rc-tl {
	float:left;
	vertical-align:top;
}
#rc-tr {
	float:right;
	vertical-align:top;
}

#newTodoEntryTableData1 {
     vertical-align: top;
}

#newTodoEntryTableData3 {
     vertical-align: bottom;
}

#dropcompletedul, #deleteul {
	z-index: 0;
	list-style-type:none;
	position: relative;
	font-size: smaller;
	overflow: hidden;
	max-width: 100px;
}

#editBoxMode {

    font-size: 9px;
    font-family: Arial,Helvetica,sans-serif;
    font-variant: small-caps;
    color: #000000;
    font-weight: bolder;
    
    /*
    margin-left: 43px;
    margin-top: 3px;
    */
    
    display: inline;

    vertical-align: middle;
    text-align: left;
     position: relative;
     left: 27px;
     top: -21px;
     
}

#editclear {
     left: 44px;
     top: 23px;
     position: relative;
  
          
}

#editcancel {
     left: 10px;
     top: -16px;
     position: relative;
     display: none;
  
          
}

form#newTodoPlannerId {
    display:inline;
    vertical-align: middle;
}

.instructions{
     text-align: left;
     font-size: 10px;
     font-family: Arial,Helvetica,sans-serif;
     /*font-style: italic;*/
     margin-left: 15px;
     margin-top: -6px;
     margin-bottom: 7px;
     color: #666666;
}

IMG.inlinedel {
     text-align: center;
     vertical-align: middle;
     bottom: 3px;
}

A.noHoverNoVisit:link {
     color: black;
     
}

A.noHoverNoVisit:visited {
     color: black;
     
}

A.noHoverNoVisit:hover {
     color: black;
     
}